Build a Static Markdown Blog with Next.js 14πŸ”₯

Learn Next.js 14 to create a static Markdown blog site. Follow the roadmap to start coding with React.js and build your project.

Build a Static Markdown Blog with Next.js 14πŸ”₯
Smoljames
22.3K views β€’ Feb 29, 2024
Build a Static Markdown Blog with Next.js 14πŸ”₯

About this video

Learn to Code Roadmap πŸ”₯ http://smoljames.com/roadmap

Learn everything you need to know to start programming with React.JS. In this tutorial, we learn React.JS by building a super cool Todo app that demonstrates all the core React.JS concepts. We wrap the video up by deploying the project on Netlify with GitHub at the end!

#nextjs #coding #programming

πŸ”— Resources

Part 2 - https://youtu.be/80o9bNpima4
GitHub Repo - https://github.com/jamezmca/static-recipe-blog
Init NextJS Project - https://nextjs.org/
VSCode - https://code.visualstudio.com/download

HTML CSS Tutorial - https://www.youtube.com/watch?v=70T2GMDKl6M
JavaScript Tutorial - https://youtu.be/qr6sKTzjlUo
React.JS Tutorial - https://youtu.be/DHWrOpKSZkM

⭐️ All my links!
https://www.smoljames.com

πŸ”₯ Learn to Code
https://www.smoljames.com/roadmap

πŸ’› Support the channel (100% goes to channel growth)
https://www.store.smoljames.com

╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
β•‘β•šβ•£β•‘β•‘β•‘β•šβ•£β•šβ•£β•”β•£β•”β•£β•‘β•šβ•£β•β•£
β• β•—β•‘β•šβ•β•‘β•‘β• β•—β•‘β•šβ•£β•‘β•‘β•‘β•‘β•‘β•β•£
β•šβ•β•©β•β•β•©β•β•©β•β•©β•β•©β•β•šβ•©β•β•©β•β•

πŸ“š Chapters
00:00 Intro
01:00 NextJS SSG (static site generation)
02:08 Project demo
02:47 Init NextJS project
04:55 Setup project directory
08:43 Build home page
26:38 SSG blog pages

πŸ”– Topics Covered
- Learn Next.JS
- Next.JS SSG (static site generation)
- Next.JS Server render
- Build a Next.JS static blog site

Tags and Topics

Browse our collection to discover more content in these categories.

Video Information

Views

22.3K

Likes

506

Duration

37:14

Published

Feb 29, 2024

User Reviews

4.6
(4)
Rate:

Related Trending Topics

LIVE TRENDS

Related trending topics. Click any trend to explore more videos.