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