How this INSANELY FAST Next.js app was built

The code behind the Next Faster project and how it achieves fast loading speeds and a 100 lighthouse score. Includes great tips to make images load super fast in your own project. Star Inbox Zero on GitHub: https://github.com/elie222/inbox-zero Next Faster: https://next-faster.vercel.app/ Next Faster GitHub: https://github.com/ethanniser/NextFaster 0:00 - Intro 3:25 - Packages it uses 4:23 - Project structure 7:03 - Validated Server Actions 9:02 - Prefetching images for super fast loads 15:21 - PPR Partial Prerendering 15:55 - Cache control header 16:12 - Drizzle schema 16:23 - generateStaticParams 17:24- Other project folders More videos about Open Source: https://www.youtube.com/playlist?list=PLoCD6QJqwk4pdLe_OnhVovqDLu0FidEOO Twitter: https://twitter.com/elie2222 Newsletter: https://opensource.beehiiv.com/ Join the LFOS Discord: https://discord.gg/RWwKa2Sn7h Hire a top freelance developer, fast: https://skilled.co.il Screen Studio was used to create the video (affiliate link): https://screenstudio.lemonsqueezy.com?aff=1r16r #nextjs #performance #opensource #coding #lighthouse #shadcn #tailwindcss