Course Repository for Next.js and React 18 Course by David Jospeph Katz

https://www.udemy.com/course/nextjs-and-react-bootcamp

In this course, you will learn:

• The Next.js React Framework and React 18
• Client vs. Server Components and Client-Side vs. Server-Side Rendering
• New React 18 hooks: useTransition and useDeferredValue
• React Suspense
• The Next.js Architecture: Layouts, Pages, and Routes
• Next.js Dynamic Segments and Route Groups
• Next.js hooks like usePathname and useSelectedLayoutSegments
• Next.js Deployment with Vercel
• Tailwind CSS
• And more

Links

1. sandbox/davidkandomusic-demo-starting-point
2. davidkandomusic.com
3. davidkandomusic repo

Commits/Code Per Lecture

• Start the Next.js and React Project
• Link to Pages with Next/Link | Grid Item
• Style with Tailwind CSS | Styling
• Next.js Fonts and Responsive Design
• Connect Page Setup
• Next.js Client Components
• Next.js Server Actions (get-followers)
• Mailjet API post-contact Server Action and Next.js Environment Variables
• React 18 useTransition and Create Contact Form
• Next.js Layout Structure, Loading.js, and Global Components
• Next.js Dynamic Segments and generateStaticParams | record/[id]
• Next.js generateMetadata | record/[id]/page.js
• React Suspense and React lazy | Embed
• Next.js not-found and Route Groups
• Nested Dynamic Segments | record/[id]/[content]
• Breadcrumbs Component and Next.js useSelectedLayoutSegments | nav-title
• Setup Quiz Form and (form) route group
• Next.js useSearchParams and Quiz result
• Next.js Images and Web Standards | Discography
• React 18 useDeferredValue