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