Build Projects 10x Faster with Next.js

on YouTube ↗09m

" summary

Claim: projects ship build projects 10x faster by switching from create-react-app to Next.js using the app directory. Shows concrete tools and patterns: file-based routing for nested and dynamic routes, Route Handlers for POST endpoints, server-side fetch and Prisma for database writes. Demonstrates a working SiteMuse app that takes a URL, calls a screenshot API, uploads to storage, saves records, and shows the resulting screenshot; uses JSONPlaceholder for dummy data in an X clone.

AI-written summary · about

" chapters (6)

1. 0:00Intro
2. 0:38Before Nextjs
3. 1:18File Based Routing
4. 3:58Route handlers
5. 5:53Data fetching
6. 8:22Honorable mentions

" related talks

• 15mBuilding Isomorphic JavaScript Apps Faster with Next.jsCS Madhav · JSFoo 2019
• 36mNext.js by ExampleGuillermo Rauch · Nordic.js 2017
• 04mI Love Next.js - A Creator Mash-upAmy Dutton, James Q Quick · Next.js Conf 2021
• 33mUniversal React Apps Using Next.jsSia Karamalegos · React Finland 2018
• 15mGetting Started with Next.jsDelba de Oliveira · Next.js Conf 2021
• 22mUniversal React Apps Using Next.jsSia Karamalegos · ReactNext 2017
• 27mAn introduction to Next.js and what's to come in 2021Tim Neutkens · JSWorld Conference 2021
• 26mNext level CodingTim Neutkens · React Live 2019