DEV Community

Cover image for Bleeding-edge Project Using Everything New In Next.js 13πŸ“š
Apestein
Apestein

Posted on

4 1 1

Bleeding-edge Project Using Everything New In Next.js 13πŸ“š

Project using bleeding-edge stack. Drizzle ORM + Neon postgres + Clerk auth + Shadcn/ui + everything new in Next.js 13 (server components, server actions, streaming ui, parallel routes, intercepting routes). Fully edge runtime deployed. I wrote a breakdown and talked about some tricky / difficult things while building this project. This will be a good reference project for people looking to learn Next.js app router. Project uses 100% server actions and include features such as ability to search show catalog, SaaS subscription service with Stripe, optimistic update, and infinite scrolling.

Repo: https://github.com/Apestein/nextflix

Live: https://nextflix-blush.vercel.app/

Top comments (2)

Collapse
 
brandonmcconnell profile image
Brandon McConnell β€’

Would love to see a guide using all of the same tools plus all the latest from Supabase ✨

Collapse
 
apestein profile image
Apestein β€’

Well supabase is just postgres so it wouldn't change much. You can also swap out Clerk for supabase's auth but then you wouldn't be able to run your app on the edge.

Heroku

This site is built on Heroku

Join the ranks of developers at Salesforce, Airbase, DEV, and more who deploy their mission critical applications on Heroku. Sign up today and launch your first app!

Get Started

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay