강의

멘토링

로드맵

Creating a Next.js Full Stack Github Issue Service

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
React
React
Prisma
Prisma
vercel
vercel
TypeScript
TypeScript
Next.js
Next.js
React
React
Prisma
Prisma
vercel
vercel
TypeScript
TypeScript

What you will gain after the course

  • 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

[Sucode] Building Full-Stack Applications with Next.js: Github Issue

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!

After taking the lecture, you will be able to create results like this.

Dashboard

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

Issue Page

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

Issue Create Page

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

Issue Edit Page

Issue Edit Page: Assign issue assignees using issue deletion and edit markup and drop-down lists.

Learning Content

  • 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.

Things to note before taking the course

  • 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.

Practice environment

  • Operating System and Version (OS): Windows 11

  • Tools used: Node.js 20, Next 14

Learning Materials

  • 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.

Player Knowledge and Precautions

  • 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!

Recommended for
these people

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!!)

Hello
This is Su

Curriculum

All

81 lectures ∙ (4hr 20min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

Not enough reviews.
Please write a valuable review that helps everyone!

Similar courses

Explore other courses in the same field!