Author's Note
Recommendation

Chapter 1: Introduction to Next.js and Setting Up a Practice Environment
First encounter with JavaScript
Introducing Next.js.
Setting up your practice environment
A Brief Introduction to TypeScript

Part 1: A Quick Look at Page Router

Getting Started with Next.js with the 2-Page Router Version
Creating a Next.js app
Examining the generated Next.js
Running a Next.js App
Setting up routing
Navigating and Prefetching
Setting up styling and layout
Implementing the Hanipbooks Project UI

Chapter 3: Using Next.js with the Page Router Version
Prerendering and Data Fetching in Next.js
Server-side rendering
Generate static sites
Incremental static regeneration
Setting meta tags and favicons
Deploy
Page Router Final Cleanup

Part 2: An Inside Look at the App Router

Chapter 4: Starting a Next.js App with the App Router Version
Creating a new Next.js app
Setting up routing
Setting the layout
Understanding Server Components
Navigating and Prefetching
Implementing the Hanipbooks UI

Chapter 5 Data Fetching in App Router Versions
Changes in data fetching methods due to the introduction of server components
A data cache that permanently stores data requests.
Request memoization to prevent duplicate requests when generating pages
Error handling

Chapter 6 Page Cache
Server-side page cache - full route cache
Client-side page cache - router cache
Route segment configuration

Chapter 7 Streaming
What is streaming?
Setting up streaming
Skeleton UI

Chapter 8 Server Actions
What is a server action?
Implementing a review feature with server actions
Implementing review query and update functionality
Upgrade the ability to add and update reviews
Implementing a review deletion feature

Chapter 9 Advanced Router Techniques
Parallel routes
Intercept route

Chapter 10 Optimization and Deployment
Image optimization
Search Engine Optimization
Deploy

Search

Infraon brings Udemy's best courses to book form.

First launched by Infraon in 2024, "Next.js in Bite-Sized Lessons" is a popular course with approximately 4,000 students enrolled.
This book was developed based on this very course.
Based on the author's philosophy that there's a way to explain anything in an easy and fun way, this book introduces Next.js in a way that's easy and fun to understand, using appropriate analogies and examples in a book market dominated by rigid explanations of principles.


From page router to app router

First released in 2022, App Router is Next.js' latest router.
App router is a technology that emerged to overcome the limitations of page router.
Therefore, for certain features, it is difficult to properly understand the app router without learning the page router.
This book builds the foundation of routers by first learning the page router, and then delves into the new features of the app router.
This course will help you gain a deeper understanding of routing in general by providing detailed information on why Vercel launched its new app router, what limitations existing routers had, and what new features are different.

Discover the joy of development with the practical "Hanbitbooks" project.

The 'Cut to Bite Size' series does not teach theory or development separately.
In the process of developing a virtual project called 'One Bite Books', you will acquire the necessary theories and apply them directly to practical projects.
In other words, rather than learning small, unrelated examples to understand the theory, you can upgrade your practical application skills by acquiring the theory as it is developed during the actual project development process.
The fun of completing services one by one like stacking Lego blocks during the development process is a bonus.


I recommend this to these people

- For job seekers who are new to Next.js and want to pursue full-stack development
- Anyone who is looking to transition from publisher or backend to frontend or needs Next.js for work purposes
- Those who are using other frameworks such as Gatsby and Remix, but want to learn Next.js, which is the most widely used.

Special benefits for readers

- Those who purchase the book will receive a 30% discount coupon for the Infraon and Udemy course 'Next.js in Bite-Sized Pieces'.

- We also provide information on joining an open KakaoTalk room and cafe where you can get various information or ask questions about React and Next.js.