강의

멘토링

커뮤니티

Programming

/

Full-stack

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

  • Su
풀스택
next.js
prisma
클론코딩
Next.js
React
Prisma
vercel
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

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!