Artwork

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.
Player FM - Podcast App
Go offline with the Player FM app!

Diving into the Next.js 14 App Router

45:06
 
Share
 

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
  continue reading

36 episodes

Artwork
iconShare
 
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
  continue reading

36 episodes

All episodes

×
 
Loading …

Welcome to Player FM!

Player FM is scanning the web for high-quality podcasts for you to enjoy right now. It's the best podcast app and works on Android, iPhone, and the web. Signup to sync subscriptions across devices.

 

Quick Reference Guide

Copyright 2025 | Privacy Policy | Terms of Service | | Copyright
Listen to this show while you explore
Play