))
Diving into the Next.js 14 App Router
Manage episode 401768527 series 3440550
Content provided by Aurooba and Brian, Aurooba Ahmed, and Brian Coords. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Aurooba and Brian, Aurooba Ahmed, and Brian Coords or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://ppacc.player.fm/legal.
Continuing the series on Next.js, Aurooba and Brian take a look at a Next.js version of https://wpaudit.site complete with a login set up and ability to save your own checklist.
A full transcript of the episode is available on the website. Watch the video podcast on YouTube and subscribe to our channel and newsletter to hear about episodes (and more) first!
- Next.js 14 App Router - https://nextjs.org/docs/app
- Brian's website – https://www.briancoords.com
- Aurooba's website – https://aurooba.com
- (00:00) - Introduction
- (00:18) - Next.js' relationship with React
- (04:25) - Really exploring Next.js
- (07:34) - The Next.js clone of WPAudit.site
- (09:08) - Styling the login page to match
- (12:30) - Creating Pages in Next.js
- (13:14) - Generating opengraph images in Next.js
- (14:47) - Folder based page routes
- (16:51) - Next.js 14 Server components
- (18:41) - Caching in Next.js
- (19:29) - Loading Experiences in React
- (21:20) - Using Middleware in Next.js
- (23:15) - Fetching data in Next.js 14
- (24:51) - Server Actions in Next.js 14
- (27:55) - Using Vanilla-Extract for styling
- (35:01) - Why use CSS-in-JS?
- (36:18) - How CoPilot helps you do grunt dev work
- (39:37) - Saving the Checklist for each user
- (41:16) - Looking at the Audit table in Supabase
- (42:14) - Balancing current project needs with future needs
- (43:53) - Conclusion
36 episodes
Share
