Channel: JetBrainsTV

Category: Science & Technology

Tags: mdxdeveloper toolswebstormsoftware developmentnext.jsjetbrainsdeveloperblogprogramming

Description: 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: github.com/ebenezerdon/nextjs-mdx-blog MDX files: github.com/ebenezerdon/mdx-files-nextjs-blog Images: github.com/ebenezerdon/images-next-mdx-tutorial 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: jetbrains.com/webstorm Read the latest updates and relevant articles on the WebStorm Blog: blog.jetbrains.com/webstorm WebStorm on Twitter: twitter.com/WebStormIDE #Nextjs #MDX #WebStorm