derpycoder
Created a Command Palette within a week, thanks to Elixir & Phoenix LiveView
Hey Guys,
I created a command palette for my blog/site/portfolio, using Phoenix LiveView & Meilisearch.
I am just overwhelmed by how much I was able to do thanks to LiveView & Elixir.
- Using Req library, I am able to interface with Meilisearch easily.
- Imgproxy, lets me dynamically resize images, which then appear nicely in Command Palette.
- Tailwind CSS native integration with Phoenix is just chef’s kiss.
- Phoenix LiveView, JS Hooks and the whole interaction with JS is just sublime. I got this thing done, because of how little JS I had to write.
- Meilisearch is fast and easy, with features like multi search, facets, filters, synonyms I don’t think I will need any other search engine.
- Changesets are amazing at form validation, even when used without a DB.
I’m glad Elixir, Phoenix & Live View exists. I would have quit this field otherwise. 
My site (Using Tailwind CSS)
Command Palette ⌘K (Using Phoenix Hooks)
Global Search (Utilising the latest Multisearch feature of Meilisearch)
Specialized search (Utilising Elixir’s amazing string pattern matching)
Routes dynamically extracted from the internal routes (Utilising Elixir’s amazing Map & Enum features)
P.S. Log Out works, thanks to <.link method="delete" />
Hints
Input Validation (Changesets & Schema are just incredible, for form input validations)
P.S. The project is open source, it’s a WIP so I haven’t deployed it yet.
https://github.com/derpycoder/derpy_tools
P.P.S. Tools part is pending as of now, and so is a ! command for toggles.
Like
! Debug Latency
! Show Source Inspector
Popular in Discussions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Deploy Phoenix to your own VPS with PaaS ease: push-to-deploy, zero downtime, auto SSL, managed Postgres. 14-day free trial at potions.io
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #advent-of-code
- #elixirconf-us
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #performance
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Real-time error tracking, performance insights, and observability for devs.
Practical resources that improve the lives of professional developers.
Develop your skills with books, videos, and courses.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"