App Router: Getting Started | Next.js
Chapter 1 of the Next.js dashboard app course. You create a new Next.js project from a starter example, explore the app router project structure, work with placeholder data and TypeScript types, install dependencies, and run the development server.
What you'll learn
- Create a new Next.js app using create-next-app and pnpm
- Use a provided dashboard starter example as the project base
- Explore the app router folder structure and key directories
- Work with placeholder data for invoices and other tables
- Understand basic TypeScript types used in the project
- Install dependencies and run the Next.js development server
Skills you'll gain
- Create a new Next.js project using create-next-app and pnpm
- Navigate and understand the App Router-based folder structure
- Use placeholder data to simulate a database
- Read and work with basic TypeScript types in a Next.js project
- Install dependencies and run the Next.js development server on localhost
Prerequisites
- • Basic familiarity with JavaScript
- • Ability to use a terminal and run CLI commands
- • Node.js and a package manager such as pnpm installed
Who this course is for
- → Developers who want to learn the Next.js App Router
- → Developers comfortable with JavaScript who are new to Next.js
- → TypeScript and JavaScript developers building modern web apps
Provider
Next.js
Related Courses
Python Certification
This course teaches you the fundamentals of Python programming and guides you through projects and an exam to earn a Python Certification on freeCodeCamp.
Certificate in Systems Analysis and Design (CSAD)
EPOL 472: Instructional and Training System Design
Provides instruction and practice in selecting, organizing, and preparing content for instructional programs in business and technical settings, offering a theoretical orientation to instructional design and hands-on experience developing instructional materials.
Ace The Machine Learning System Design Interview
A focused 59-minute course that teaches a repeatable system for ML system design interviews, emphasizing structure, communication, real-world trade-offs, and what interviewers actually care about so you can demonstrate seniority and pass with confidence.
Low Level Design BootCamp @SUPRA Batch
A comprehensive Low Level Design program covering fundamentals, OOP, UML, SOLID principles, design patterns, and real-world design problems to prepare beginners and experienced programmers for technical interviews and placement exams.
Learn TypeScript
TypeScript has been gaining incredible market share against vanilla JavaScript in recent years. Master TypeScript from start to finish in this comprehensive, immersive, hands-on course while solving real-world type challenges each step of the way.