2 left until #ReactAthens at Epignosis, powered by Sentry! 🚀
3 amazing talks + surprises 🎉
Only 5 spots left – RSVP now!
👨💻 @vorillaz.com – The Phoenix Pattern
🐈 @psyber.city – Coding with Agent
⚡ Alexander Antoniades – Sentry Error Boundaries
👉 Register (link in comments)
Register for #ReactAthens! 🎉
📅 25/9/25 - 18:00
📍 Epignosis, Athens
RSVP - meetup.com/react-athens...
Sponsored by @sentry.io
🚀 @vorillaz.com “The Phoenix Pattern: Building Self-Healing React Apps” – apps that predict failures, recover fast, restore work & stop errors before they happen.
Released from Hubble a few days ago - the image shows a giant among galaxies LEDA 1313424 or, the Bullseye.
A smaller blue dwarf galaxy went through the centre leaving 9 star filled rings.
Like dropping a pebble into a pond!
Credit: #NASA, #ESA, Imad Pasha, Pieter van Dokkum
🔭 #Space #Astronomy
If you're interested in the project, check out the repository
github.com/vorillaz/net... and the full walkthrough on my website
vorillaz.com/netflix-but-...
The data comes from Kangle's Netflix dataset, which was backported to the database.
I then used the Vercel AI SDK with Mistral to generate embeddings and metadata for the shows.
`pgvector` and `pg_trgm` extensions are used for vector search and full-text search, respectively.
The initial idea was inspired by
@tej.as's talk on building RAG apps with Datastax and Langflow. The project also drew inspiration from
@leerob.com 's book inventory.
The app is built using Next.js, Shadcn UI, Tailwind, and Postgres, powered by Neon.
Introducing "Netflix but Better" – an open-source Netflix clone featuring full-text search capabilities and AI-powered vector search for improved recommendations.
netflix-but-better.vercel.app
A working example can be found on my GitHub https://github.com/vorillaz/nextjs-rendering
Full demo is also available https://nextjs-rendering-demo.vercel.app/
Tips:
- Use Static for marketing pages.
- Dynamic for user dashboards.
- Streaming for complex layouts.
Performance Impact:
- Static: Fastest initial load
- Dynamic: Slowest but fresh
- Streaming: Fast initial + smooth updates
- PPR: Fast initial + optimized dynamic parts per layout or page
🌊 Streaming
Progressively sends UI pieces to the browser. Think loading states, then content. Great for complex pages where some parts are faster to load than others.
🔄 Dynamic Rendering
Content generated fresh on each request. Ideal for personalized pages or real-time data. Slower than static, but always up-to-date.
🚀 Static Rendering (Default)
Pages are built at build time and cached. Perfect for content that doesn't change often, like blog posts or docs. Super fast because everything's ready to serve.
Let's break down Next.js rendering methods.
Here's your guide to making sense of Partial Prerendering, Static, Dynamic, and Streaming rendering.
Summoning my friend and amazing coach @sugarenia.com . I am pretty sure you will keep your kidneys in place :)
Hi people.
I won't miss the shadow bans and the random far-right slurs popping into my feed.
