Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Learn to build Web Apps with Next.js. You will cover Routing, Navigation, Pages, Layouts, SSR, Data Fetching and more.

Notifications You must be signed in to change notification settings

dvasyliev/nextjs-crash-course

Repository files navigation

About me ◽️ 🎬 Udemy Instructor ◽️ πŸ‘¨πŸ»β€πŸ’» Front-End Engineer (10+ years) ◽️ 🎯 Mentor for Developers

Contacts List App

This repository contains the Source Code for the "Contacts List App" from πŸ‘“ Next.js Crash Course: Build a Full-Stack App in a Weekend course.

My Other Courses

Front-End Courses

πŸ§‘πŸ»β€πŸ’» React Crash Course: From Zero to Hero
πŸ€– React.js AI Chatbot App with ChatGPT, Gemini AI and DeepSeek

AI & Vibe Coding Courses

😈 GitHub Copilot for Beginners: AI Coding Crash Course
πŸ‘» Cursor AI for Beginners: AI Coding Crash Course
πŸ„πŸ»β€β™‚οΈ Windsurf for Beginners: AI Coding Crash Course
❀️ Lovable AI: Complete Guide for Vibe Coding

Full-Stack Courses

πŸ‘“ Next.js Crash Course: Build a Full-Stack App in a Weekend
🧩 Node.js Crash Course: Build a REST API in a Weekend

How to use Code Examples from Github

Download the code source

a) Download code source for final application

  1. Open repository main page.

  2. Click on the green "Code" button to open a list and then click on the "Download ZIP" button to download a source code.

Screenshot 2024εΉ΄06月25ζ—₯ at 17 34 44

b) Download code sources for specific lesson

  1. Open commits page.

  2. Click on the "code" icon near the lesson you are interested.

Screenshot 2024εΉ΄06月25ζ—₯ at 17 48 06
  1. You will be redirected to the specific source code page for this lesson.

  2. Click on the green "Code" button to open a list and then click on the "Download ZIP" button to download a source code.

Screenshot 2024εΉ΄06月25ζ—₯ at 17 34 44

Open project in the VS code (code editor)

Open the archive on your computer, open VS code (code editor) and cick "File" -> "Open Folder" -> Choose project folder => "Open".

Screenshot 2024εΉ΄06月25ζ—₯ at 17 40 31

Start application

1. Install dependencies

Run the npm install command to install all the libraries needed to run the application.

2. Run application

Run the npm run dev command in terminal to start the application. Open http://localhost:3000 to view it in your browser. The page will reload when you make changes.

About

Learn to build Web Apps with Next.js. You will cover Routing, Navigation, Pages, Layouts, SSR, Data Fetching and more.

Topics

Resources

Stars

Watchers

Forks

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /