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
Trending in Discussions
Other Trending Topics
Latest Phoenix Threads
Chat & Discussions>Discussions
Latest on Elixir Forum
Sponsor Spotlight
Catch errors, track performance, monitor hosts and more.
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
- #elixirconf-us
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #metaprogramming
- #performance
- #security
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.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Practical resources that improve the lives of professional developers.
Bringing learning, work and compliance together since 1987.
Enabling companies to succeed by building software people love.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"