Building a Blog With Next.js and MDX

Опубликовано: 01 Апрель 2022
на канале: JetBrains

15,109

266

Next.js has become one of the most popular React frameworks of today. Coupled with its ease of setup, the out-of-the-box features and optimizations it brings to the table will leave you wondering why you’ve been building React apps any other way.

We’re going to learn about Next.js and MDX by building a blog. We’ll learn how to set up Next.js apps, generate dynamic URLs, and work with data, images, Markdown, and Bootstrap. To follow along with this tutorial, you’ll need a basic understanding of React and Markdown.

GitHub repo: https://github.com/ebenezerdon/nextjs...
MDX files: https://github.com/ebenezerdon/mdx-fi...
Images: https://github.com/ebenezerdon/images...

00:00 Intro
04:17 Setting up the app
11:15 Bootstrap set up
15:11 Creating the Nav component
19:32 Creating the bio page
21:46 Adding MDX files for the posts
24:44 Building the blog's homepage
37:19 Building the post's page
54:10 Conclusion

–––
Check out WebStorm and get a 30-day free trial:
https://www.jetbrains.com/webstorm/

Read the latest updates and relevant articles on the WebStorm Blog:
https://blog.jetbrains.com/webstorm/

WebStorm on Twitter:
/ webstormide

#Nextjs #MDX #WebStorm