Learn NEXT.JS 14 🔥 Build a Static Markdown Blog Site

Показать описание

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

⭐️ All my links!

🔥 Learn to Code

💛 Support the channel (100% goes to channel growth)

╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
╠╗║╚╝║║╠╗║╚╣║║║║║═╣
╚═╩══╩═╩═╩═╩╝╚╩═╩═╝

📚 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

Рекомендации по теме

Комментарии

Watch PART 2 to learn how to add a search filter 🔥

Smoljames

Woah! Nice project. Loved it. I'm gonna use this for my blogging website. Thank you so much!

funnentsunlimited

Nice video - thank you for the easy to follow instructions - working on personalization - Cheers 🥂🥂

janellevos

It's a great vid, not too long and not too short, just the golden middle and a great explanation! thank you so much! Btw, what's the VSCode theme name you use?

alexj.

Hi! Thanks for the great tutorial. Everything seems great on localhost but when I deploy it to Vercel or Netlify, slug page does not work and gives 'internal server 500' error. Do you know why that happens? Thanks.

utkuoylum

how do you yourself learned these? docs? udemy? youtube? please tell me.

lostinthenarrativve

so i have to rebuild and redeploy the next app if i have to add new blog right ?. Is there any other way

suhailabdulla

Hi. How do I configure routing for SSG correctly, because after the build I see 404 when I refresh the page with recipe post. Thanks for the video!

Tal_Art

It's a great tutorial, I want to know, how to add Google Adsense and Analytics to blog posts.

amitabhsarkar

How about using redux toolkit along with next js

JJFlores

Learn NEXT.JS 14 🔥 Build a Static Markdown Blog Site

Next.js 14 Full Course 2024 | Build and Deploy a Full Stack App Using the Official React Framework

Learn NEXT.JS 14 🔥 Build a Static Markdown Blog Site

Build and Deploy a Modern Next.js 14 Application | React, Next JS 14, TypeScript, Tailwind CSS

Next.js 14 Complete Course 2024 | Next.js 14 Full Stack App Tutorial for Beginners

The Most Efficient Next.JS 14 Beginner Tutorial (TypeScript, App Router, React Server Components)

Building REST APIs with Next.js 14 – Course for Beginners

Build and Deploy a Full Stack Next.js 14 Application | React, Next JS 14, TypeScript, Tailwind CSS

Build and Deploy a Realtime Next.js App with Permissions and Notifications | TypeScript, Tailwind

Getting Started with Next.js 14 A Beginner's Guide

Next.js Full Course 2024 | Learn Next.js 14 In One Video | 14 Hours

NextJS Tutorial - All 12 Concepts You Need to Know

Build a Complete E-Commerce Shop with Next.js 14, Tailwind, React | Full Course 2024

Build and Deploy a Full Stack MERN Next.js 14 Threads App | React, Next JS, TypeScript, MongoDB

the most important Next.js features to learn (in 8 minutes)

Next js Tutorial for Beginners | Nextjs 13 (App Router) with TypeScript

Next.js 13 - The Basics

Next.js in 100 Seconds // Plus Full Beginner's Tutorial

Next.js isn't React

Let's Learn Next.js 14 - nextjs.org/learn Complete Course Walkthrough

Learn Next.js 13 With This One Project

Build and Deploy a Full Stack Video Conferencing App with Next JS

From 0 to Production - The Modern React Tutorial (RSCs, Next.js, Shadui, Drizzle, TS and more)

Next.js 14 Admin Dashboard Tutorial | Fullstack Next.js 14 Project with Server Actions

Learn NextJS's Superpower ISR in 15 Minutes