Главная
Study mode:
on
1
Intro
2
Welcome
3
What We're Building
4
Basic Project Setup
5
TailwindCSS Setup & Typography
6
Run in dev mode
7
Basic Navbar
8
Profile Image
9
Adding Social Icons to the Navbar
10
Providing default metadata
11
Adding Markdown files for Blog Posts
12
BlogPost type
13
Reading Markdown with gray-matter
14
Posts component
15
ListItem component Pt. 1
16
Formatting dates
17
ListItem component Pt. 2
18
Create a dynamic route
19
Dynamic Post Pt. 1
20
Custom 404 page
21
Generate dynamic metadata
22
Generate HTML from Markdown
23
Dynamic Post Pt. 2
24
Evaluating the Project Build
25
Improving the build with generateStaticParams
26
Features You Can Add
Description:
Build a Next.js 13 blog website using Static Site Generation and Markdown files in this comprehensive tutorial. Learn to set up a project with TailwindCSS, create a navbar with social icons, implement dynamic routing, generate metadata, and convert Markdown to HTML. Explore advanced features like custom 404 pages and performance optimization techniques. Follow along to create a fully functional blog application while mastering key Next.js concepts and best practices for web development.

How to Build a Blog App with Next.js 13

Dave Gray
Add to list
0:00 / 0:00