Get help

Code and Demo

Github repository: https://github.com/brinleym/nextjs13-blog

Demo of the final product here: https://nextjs13-blog-mu.vercel.app/

Purpose

Learn Next.js 13 by creating a blog! Specifically you’ll learn about:

• The new app/ directory and the App Router
• Client and Server Components
• How to create beautiful loading skeletons using TailwindCSS and Suspense Boundaries
• How to gracefully handle errors using Error Boundaries

Tutorial

Prerequisites

Step 1. Create a Next.js app

Step 2. Understand the new file system

Step 3: Run the Next.js app

Step 4: Return to baseline

Step 5. Create a Navbar

Step 6. Theming

Step 7. The App Router

Step 8. Fetch some blog posts!