강의

멘토링

커뮤니티

Programming

/

Web Development

Next.js with Spring Boot

Traditional React development and Next.js development are completely different approaches. This course penetrates the core of the latest Next.js 16 and teaches you the 'real' Next.js way of development. Experience how to achieve both performance and efficiency, from job portfolio projects to real-world projects. Let's develop the Next.js way! The course is structured to help you learn by doing, creating actual examples to understand how to apply Next.js features. You'll learn faster through actual code rather than theory, focusing on Server Components and covering Server Actions and caching strategies. Since the goal of the course is to catch up with the Next.js vibe as quickly as possible, the lectures are conducted using JavaScript. However, each lecture's examples are additionally provided as course materials created in TypeScript. December 18, 2025 - Updated to Next.js 16

(4.9) 12 reviews

164 learners

Level Intermediate

Course period Unlimited

  • zk202308a5410
JavaScript
JavaScript
React
React
Spring Boot
Spring Boot
JPA
JPA
Next.js
Next.js
JavaScript
JavaScript
React
React
Spring Boot
Spring Boot
JPA
JPA
Next.js
Next.js

Reviews from Early Learners

Reviews from Early Learners

4.9

5.0

양정헌

98% enrolled

Backend side only provides code It helped me understand the basics of how to use the next.js framework for frontend and the directory structure. I think having time to go through the theoretical parts and try building it myself once more would help with internalizing it.

5.0

성낙현(낙자쌤)

32% enrolled

The course is structured so that beginners can easily follow along and code. The explanations are comfortable and well-delivered, making it an excellent course. I recommend it to everyone who wants to learn Next.js.

5.0

뒤안길

32% enrolled

The lectures are not difficult and are explained easily and well.

What you will gain after the course

  • The ability to create production-level full-stack web applications using Next.js 16

  • Full-stack Practice from Browser to API Server and Database

  • Server Actions/ SSG/ ISR and other Next.js / React feature practice

  • Authentication Handling: Perfect JWT Token Management with NextAuth!

Next.js is the optimal choice for building large-scale applications with React.

React's development direction is moving away from operating solely in the browser and gradually integrating with server-side operations. Next.js is the framework that most definitively supports the direction React is pursuing.


At first, Next.js feels like it simply makes routing easier, but when you design based on server-side components, Next.js becomes the most suitable choice for building large-scale applications.


Why I Created This Course

React is designed to work only in the browser, but Next.js can operate on both the server side and in the browser, requiring a new approach. To properly utilize Next.js, appropriate development methods suited to it are necessary.


This course is designed to help you experience Next.js in minimal time and develop the ability to make appropriate decisions. After taking this course, when someone asks you 'Will you use React? Or Next.js?', the goal is for you to confidently answer 'Next.js'.


Example System Configuration

The course examples are structured with a separate API server designed with scalability in mind. The API server executes code created for each feature, which is then utilized by Next.js. The Next.js server is configured to process data on the server side, with a structure that prevents direct browser access to the API server, making it as close to real-world implementation as possible.




Technologies Used in the Course

Backend (Provided as course materials and not included in the lecture content.)

  • Spring Boot

  • JPA

  • RestController

  • JWT

FrontEnd

  • Next.js 16 (Written in JavaScript with TypeScript provided as course materials.)

  • NextAuth

  • SWR


Next.js 16

The changes in routing methods since Next.js 13, the emergence of React's Server Components, Server Actions, and many other changes in Next.js 16 have occurred. By utilizing these features well, you can implement various functionalities faster than developing with traditional React.


Slow then Fast

You need to think about learning methods.

  • Theoretical concerns are - 'SLOW'

  • Creating with JavaScript as Fast as Possible - 'FAST'

  • Design processing with AI as quickly and minimally as possible - 'FAST'

  • The API server is provided with source code - 'FAST'


Examples and content created in the course


Todo Example: Master CRUD and Pagination with App Routing

  • Creating a Todo Example Using App Routing

  • Routing Handling and Page Components

  • Learn about layout, loading handling, and error handling.




Product Management: How to Achieve Both Performance and SEO with SSG/ISR

  • Static Page Generation Using SSG

  • Pages that automatically refresh periodically (ISR)

  • Separation of Search Functionality


Authentication Handling: Perfect Implementation with NextAuth and JWT Tokens!

  • Self-authentication and Social Authentication (Kakao) Handling

  • # JWT Processing and Authentication Utilization in Components

  • API Server and Access Token, Refresh Token Automatic Renewal Method

  • Custom Login/Logout Pages


State Management: Efficiently Managing Shopping Cart Data with SWR

  • Client-Centric Development Approach in Next.js

  • Handling Callable Routes in Next.js

  • How to Share Server Data Across Multiple Components Using SWR





Recommended for
these people

Who is this course right for?

  • People who want to apply Next.js examples to real-world projects

  • Frontend Developer Who Needs to Integrate with API Servers

  • # Developers Who Want to Move to the Next Level in React

Need to know before starting?

  • React Basics

  • # Understanding REST Architecture REST (Representational State Transfer) is an architectural style for designing networked applications. It was introduced by Roy Fielding in his doctoral dissertation in 2000 and has become the de facto standard for web APIs. ## Core

Hello
This is

2,210

Learners

161

Reviews

287

Answers

4.8

Rating

5

Courses

Gumonggage Coding Team is a community established in 2015 for people working in development-related fields to gather.

The lectures are currently being conducted by Manager Cookie, who is the operator of the Guman-gage Coding Group.

I began my career in development in 2000 and have experience working across venture companies, SMEs, large corporations, and as a freelancer.

Since the 2010s, I have been primarily focusing on corporate training and consulting.

Naver Cafe

I have development experience with corporations, large enterprises, and as a freelancer. Since the 2010s, my primary focus has been on corporate training and consulting. Naver Cafe

Major Publications

Spring Web Project Learned Through Code

Learning Spring Boot Through Code

Learning React through Code

Implementation of RESTful API Server

Spring 6 Legacy Project

Java Web Development Workbook

React Native in Action (Translation)

Development/Lecturing

Worked at Samsung SDS Development Team

Worked at SK Customer Happiness Co., Ltd.

Corporate lectures for companies including KT, SK, POSDATA, Kyobo Life, Shinsegae, Asiana, National Health Insurance Service, and more.

Curriculum

All

48 lectures ∙ (8hr 58min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

12 reviews

4.9

12 reviews

  • anansi75431688님의 프로필 이미지
    anansi75431688

    Reviews 1

    Average Rating 5.0

    5

    32% enrolled

    • slasnrndu4468님의 프로필 이미지
      slasnrndu4468

      Reviews 4

      Average Rating 5.0

      5

      32% enrolled

      • genius17888330님의 프로필 이미지
        genius17888330

        Reviews 12

        Average Rating 5.0

        5

        36% enrolled

        • devhoney님의 프로필 이미지
          devhoney

          Reviews 2

          Average Rating 5.0

          5

          98% enrolled

          Backend side only provides code It helped me understand the basics of how to use the next.js framework for frontend and the directory structure. I think having time to go through the theoretical parts and try building it myself once more would help with internalizing it.

          • ju0님의 프로필 이미지
            ju0

            Reviews 12

            Average Rating 4.9

            5

            98% enrolled

            $51.70

            zk202308a5410's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!