
Getting Started with Next.js (feat. Map Service Development)
vroomfan
A course on Next.js fundamentals. Develop a map service end-to-end with Next.js.
초급
Next.js, SEO, vercel
Hello, everyone! In this lecture, we will delve deep into the core concepts of NextJS and provide hands-on experience building a GitHub issue management application using it. This project contains all the basic features required for a modern application.
6 learners are taking this course
Level Basic
Course period Unlimited


Next.js
Next.js App Router
NextAuth
TailwindCSS
SSR + CSR
Code refactoring pattern
Caching
TypeScript
React Development
React + TypeScript
React-Query
Prisma
Vercel distribution
PlanetScale
MySQL
Please explain what you can learn from the lecture, in what fields it is mainly used, etc.
Our journey begins : Let's take the first step toward building a full-stack application using NextJS and TypeScript!
Introducing the Applied Project : We'll be building a GitHub issue management application together. This will give you hands-on experience with key elements of modern application development!

Let's delve deeper into the core concepts of NextJS and implement a GitHub issue management application!

Dashboard - Provides latest issues, issue summaries, and charts.

Issue Page - Issue rendering, sorting, pagination,
Provides filtering functionality

Issue Creation Page: Create an issue using issue creation markup.

Issue Edit Page: Assign issue assignees using issue deletion and edit markup and drop-down lists.
Deep Understanding of NextJS : From the basic concepts of NextJS to advanced features, you will gain a full understanding of the powerful features and flexibility this framework offers.
Leverage the Modern Web Development Technology Stack : Learn how to apply tools and technologies essential to modern web development, like Tailwind, Redix UI, and Prisma, to real-world projects.
Full-Stack Application Development : Learn the various technologies and methodologies required for full-stack development, encompassing databases, backend, and frontend.
Experience building real-world applications : Understand how theory and practice combine by experiencing the process of building a working web application from start to finish.
Applying TypeScript : Learn how to write more robust and less error-prone code using TypeScript. Gain the skills needed to improve type safety and code readability.
Deep understanding of Next.js
From the basic concepts of NextJS to advanced features, you'll gain a full understanding of the powerful features and flexibility this framework offers.
Leverage the latest web development technology stack
Next.js
TailwindCSS + RadixUI
Prisma (MySQL)
NextAuth
React Query
Full-stack application development
Learn the various technologies and methodologies required for full-stack development, encompassing databases, backend, and frontend.
Experience building real-world applications
Understand how theory and practice combine by experiencing the process of building a working web application from start to finish.
Application of TypeScript
Learn how to write more robust, less error-prone code using TypeScript. Gain the skills needed to improve type safety and code readability.
If you have any notes that you need for the lecture, please write them down carefully.
It can help students fully understand the content covered in the lecture and increase learning satisfaction.
Operating System and Version (OS): Windows 11
Tools used: Node.js 20, Next 14
The format of the learning materials provided (PPT, cloud link, text, source code, assets, programs, example problems, etc.)
Quantity and capacity, features and notes on other learning materials, etc.
Basic knowledge of HTML/CSS/JS is required!
Your questions will be answered within 24 hours !
We will teach you the TypeScript required for the lecture within the lecture!
Who is this course right for?
Anyone who wants to build a full-stack app through NextJS
Front-end developers and those who wish to develop
Anyone who wants to actively use Next App Router and Prisma
For those who want to quickly look at the key points from application configuration to deployment
For those who are burdened by long classes and want to build a project quickly and effectively
Need to know before starting?
Knowledge of HTML, CSS, JavaScript
React basic knowledge
TypeScript (You can understand it just by following the lecture content!!)
Next.js basic knowledge (You can understand it just by following the lecture content!!)
All
81 lectures ∙ (4hr 20min)
Course Materials:
Explore other courses in the same field!