Next.js Full Course to Dip In (English Audio & Korean Subtitles)

💡 This course focuses on learning the technology stack and workflow required in a startup environment for projects based on Next.js (15+) and React (19) . In particular, it provides various technologies and efficient development methods that can be immediately applied in practice.

• Planning Background
  In a startup environment, you need to quickly build a product that is suitable for production. This course covers automation through CLI tools , integration of GraphQL and TanStack Query , and real-time data processing with Redis and RabbitMQ to meet these needs.
  It is designed so that even complex skills can be learned step by step through simple and clear exercises.

• Tools and techniques used
  We utilize various practical stacks such as Next.js (15+), React (19), Prisma, Docker Compose, GraphQL, TanStack Query, Redis, RabbitMQ, Iron Session, etc.

• Balance between theory and practice
  This course is not a simple theory course. It is designed to help you easily implement functions that can be used in actual production , and to help you learn core keywords so that you can confidently use them in practice.

  Nowadays, AI tools like ChatGPT can help you improve complex tasks using only keywords you already know. Therefore, this course focuses on figuring out what you don't know and learning the keywords you need .
  The knowledge and projects you gain through lectures will be at a level that is sufficiently competitive in the field, and you will be able to obtain results that are comparable to those you create in your own products .

• Difficulty
  This course is intended for intermediate or higher level learners with basic knowledge of React and TypeScript.
  However, we have structured it so that you can understand it by following the step-by-step examples even if you do not have any practical experience.

Practice environment

The lectures are conducted in a Windows environment , but you can follow along without any problems on MacOS or Linux. If you have Docker installed, you can perform most of the exercises regardless of the operating system.

Please prepare the following for the lecture:

• Docker : Docker is required to set up a development environment. Please refer to the official documentation for installation instructions.

• Code Editor :

  • Cursor AI : The best recommended tool for coding assistance and quick problem solving. It is the most recommended code editor in this course, especially because it can maximize productivity.

  • Visual Studio Code (VS Code) : If you don't have Cursor AI, you can follow the lecture content without any difficulty using VS Code.

• LLM Services (ChatGPT, Claude, etc.) : I highly recommend subscribing to one or more LLM services to help you write code and troubleshoot problems during your internship.

Learning Materials

• The basic project is provided with the lecture and is shared through GitHub link. You can download the necessary materials and use them for practice. 😊

Player Knowledge and Notes
This course is designed for intermediate developers and recommends the following prerequisite knowledge for smooth learning:

• Understanding basic JavaScript and TypeScript

  • If you have experience using ES6+ syntax and basic TypeScript, learning will be easy.

• Basic experience using React

  • If you are familiar with component structure, Props, and basic Hooks, you will find it easier to follow the exercises.

• GraphQL Basic Knowledge

  • If you know the basic query and mutation structures of GraphQL, you can maximize the learning effect.

• Basic knowledge of SQL and databases

  • If you understand how to write basic SQL queries and how databases work, you can easily learn how to integrate Prisma with GraphQL.

• Docker installation and simple usage experience

  • Since it includes setting up a development environment using Docker Compose, please be familiar with Docker installation and basic usage.

• Experience using coding assistance tools (Large Language Model, LLM) (optional)

  • If you have experience using AI tools like ChatGPT, Claude, or Cursor AI, you will find that problem-solving and hands-on progress will be faster and more effective.

After class…

The material covered in the lecture is too extensive to fully digest in one sitting, but it provides a technology stack and project structure that can be immediately applied in practice .
Once you understand this project, you will have no difficulty developing new services based on it or applying it to practice .

After taking this course, you will:

• You can design and implement practical projects by combining complex technology stacks .

• You can develop productive and scalable services suitable for a startup environment by utilizing the latest technologies such as GraphQL, Redis, RabbitMQ, and Docker.

• You will gain the confidence to add new features or design entirely new services based on the projects you learn in class.

• Rather than simply learning by following, you will learn to identify what you don't know and how to solve it .

This course is not just a basic learning, but it provides a practical foundation for developing and expanding real services . It will take your technical skills and practical sense to the next level. 😊