Next.js React Framework Course – Build and Deploy a Full Stack App From scratch

freeCodeCamp.org

In this Next.js course for beginners, you will learn how to build a full-stack App from scratch. We’ll also learn how to deploy the App using Vercel and to sync up GitHub with Vercel so we deploy the app automatically.

Next is the React Framework for production. It makes building Apps, small or large, a lot easier. It has many features out of the box that you can use that will save loads of time.

📝 Database: https://github.com/timeToCode-ali/nextjs-tutorial/blob/main/data/data.json

💻 Source Code: https://github.com/timeToCode-ali/nextjs-tutorial

Course from Alicia Rodriguez . Check out her channel: @timetocode_with_ali

⭐️ Contents ⭐️
⌨️ (0:00:00) Intro: Showcase App
⌨️ (0:02:07) Summary of the content of the video
⌨️ (0:02:40) Prerequisites for this video.
⌨️ (0:03:18) What is Next.js
⌨️ (0:04:38) Main Feature: Server-Side Rendering
⌨️ (0:09:03) Create a new Next.js Project
⌨️ (0:17:56) Analyse the Final App we are going to build
⌨️ (0:20:30) Next.js Files Structure
⌨️ (0:23:53) Next.js Pages & Build the pages
⌨️ (0:41:50) Data Fetching
⌨️ (2:02:15) Build the Components – UI (user Interface)
⌨️ (2:24:03) Add CSS – Styles
⌨️ (3:21:27) API Routing in Next.js
⌨️ (4:29:00) Deploy the APP in Vercel
⌨️ (4:43:06) Suggestions to improve the App

Attributions/credits
Server icons created by srip – Flaticon – https://www.flaticon.com/free-icons/server
Js icons created by Freepik – Flaticon – https://www.flaticon.com/free-icons/js
Html icons created by catkuro – Flaticon – https://www.flaticon.com/free-icons/html
Load icons created by Freepik – Flaticon – https://www.flaticon.com/free-icons/load
Sound effects: https://mixkit.co/free-sound-effects/
Sound music: https://mixkit.co/free-stock-music/ambient/

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

—

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news