{"product_id":"154883","title":"Sopl's first encounter with Next.js ","description":"\u003ccenter\u003e\u003cdiv style=\"text-align:center\"\u003e\u003cimg src=\"https:\/\/tmgdisk01.cafe24.com\/images\/vs\/4172\/sv\/3jYDshzFz1pSJRN0ANFfjhR5UCQ3fH.png?v=1765082734\" style=\"max-width:100%;max-height:10px\"\u003e\u003c\/div\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\n\n\u003cdiv style=\"width:95%\"\u003e\n\n \u003cdiv style=\"text-align:center;font-size:30px;font-weight:bolder;line-height:1.6em\"\u003eSopl's first encounter with Next.js \u003c\/div\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003cdiv style=\"border-bottom:1px;border-bottom-style:dotted;border-color:;padding-bottom:20px\"\u003e\u003ccenter\u003e\u003ctable align=\"center\" width=\"100%\"\u003e\u003ctbody style=\"border:0px\"\u003e\n\n\u003ctr\u003e\u003ctd align=\"center\" style=\"line-height:1.2em;text-align:center;font-size:18px;color:black;font-weight:bold;padding-bottom:20px;\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\n\u003ctr\u003e\u003ctd style=\"text-align:center\"\u003e\u003cimg src=\"https:\/\/image.yes24.com\/goods\/147976869\/XL\" style=\"max-width:100%;height:auto\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/center\u003e\u003c\/div\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003cdiv style=\"width:95%;{split_style6}padding-top:20px;padding-bottom:20px\"\u003e\n\n\u003cdiv style=\"text-align:left;font-size:16px;font-weight:bold;padding-bottom:20px\"\u003e Description \u003c\/div\u003e\n\n\u003cdiv style=\"text-align:left;word-break:break-all;font-size:14px;line-height:1.6em;\"\u003e\n\n\u003cdiv\u003e\u003ch5\u003e \u003cb\u003eBook Introduction\u003c\/b\u003e\n\u003c\/h5\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e \u003cb\u003eComplete, step-by-step, from start to finish! A practical, hands-on Next.js introductory course.\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e Next.js is currently the most widely used React-based web framework, and it has all the key features optimized for modern front-end development, from various rendering methods such as CSR, SSR, and SSG, to folder structure-based routing and serverless function composition.\u003cbr\u003e It has now become more than just a choice; it is a practical necessity and a core skill for career growth.\u003cbr\u003e This book is a friendly guide that guides you step-by-step, from basic concepts to practical exercises, so that even developers new to Next.js can follow along without difficulty.\u003cbr\u003e It is structured so that you can learn naturally by starting with TypeScript and setting up the development environment, understanding how Next.js works, and creating your own project structure. \u003cbr\u003eIn particular, we will guide you through practical exercises to easily understand the folder structure that composes pages, various screen transition methods, and the latest features centered around the app router introduced in Next.js 13.\u003cbr\u003e Finally, you will experience the entire process of developing a full-stack application based on Next.js, from implementing a mini-community site with a comment function to processing forms using server actions, connecting to a database based on Drizzle ORM, and deploying through Vercel.\u003cbr\u003e\n\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cul\u003e\u003cli\u003e You can preview some of the book's contents.\u003cbr\u003e \u003cspan\u003ePreview\u003c\/span\u003e\n\n\u003c\/li\u003e\u003c\/ul\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv\u003e\u003ch5\u003e \u003cb\u003eindex\u003c\/b\u003e\n\u003c\/h5\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e Prepare Chapter 0\u003cbr\u003e 0.1 TypeScript\u003cbr\u003e 0.2 (Practice) Installing Node.js and npm\u003cbr\u003e 0.3 (Practice) Installing VS Code\u003cbr\u003e 0.4 In conclusion\u003cbr\u003e\u003cbr\u003e Chapter 1: Introduction to Next.js\u003cbr\u003e 1.1 React and Next.js\u003cbr\u003e 1.2 CSR vs. SSR\u003cbr\u003e 1.3 SSG\u003cbr\u003e 1.4 Background of Next.js's Birth\u003cbr\u003e 1.5 In conclusion\u003cbr\u003e\u003cbr\u003e Chapter 2: Getting Started with Next.js\u003cbr\u003e 2.1 (Practice) Creating Your Own Next.js App\u003cbr\u003e 2.2 (Practice) Creating a Next.js app using create-next-app \u003cbr\u003e2.3 (Practice) Setting Global Styles and Changing ESLint Rules\u003cbr\u003e 2.4 In conclusion\u003cbr\u003e\u003cbr\u003e Chapter 3 Routing\u003cbr\u003e 3.1 Routing Basics\u003cbr\u003e 3.2 Pages Router\u003cbr\u003e 3.3 App Router\u003cbr\u003e 3.4 Links and Navigation\u003cbr\u003e 3.5 (Practice) Configuring Routes\u003cbr\u003e 3.6 (Practice) Using Parallel Routes\u003cbr\u003e 3.7 (Practice) Using Intercepting Routes\u003cbr\u003e 3.8 In conclusion\u003cbr\u003e\u003cbr\u003e Chapter 4 Pages and Layout\u003cbr\u003e Page 4.1\u003cbr\u003e 4.2 Layout\u003cbr\u003e 4.3 Template\u003cbr\u003e 4.4 Metadata\u003cbr\u003e 4.5 (Practice) Creating a Route Layout\u003cbr\u003e 4.6 (Practice) Creating a Feed Layout\u003cbr\u003e 4.7 (Practice) Applying the Template\u003cbr\u003e 4.8 (Practice) Using Static Metadata\u003cbr\u003e 4.9 (Practice) Using Dynamic Metadata\u003cbr\u003e 4.10 (Practice) Dynamically Generating Open Graph Images\u003cbr\u003e 4.11 In conclusion\u003cbr\u003e\u003cbr\u003e Chapter 5 Route Handlers\u003cbr\u003e 5.1 API Routes in Pages Router\u003cbr\u003e 5.2 Route Handler in App Router\u003cbr\u003e 5.3 Example of using a route handler\u003cbr\u003e 5.4 (Practice) Creating an API Using Route Handlers\u003cbr\u003e 5.5 In conclusion\u003cbr\u003e\u003cbr\u003e Chapter 6 Middleware\u003cbr\u003e 6.1 What is middleware?\u003cbr\u003e 6.2 Next.js Middleware \u003cbr\u003e6.3 (Practice) Using Middleware\u003cbr\u003e 6.4 In conclusion\u003cbr\u003e\u003cbr\u003e Chapter 7 Data Fetching\u003cbr\u003e 7.1 fetch\u003cbr\u003e 7.2 Server Actions\u003cbr\u003e 7.3 (Practice) Retrieving data from the server\u003cbr\u003e 7.4 (Practice) Using Server Actions\u003cbr\u003e 7.5 In conclusion\u003cbr\u003e\u003cbr\u003e Chapter 8 SWR\u003cbr\u003e 8.1 Introduction and Role of SWR\u003cbr\u003e 8.2 Data Fetching\u003cbr\u003e 8.3 Mutations and Revalidation\u003cbr\u003e 8.4 (Practice) Using SWR\u003cbr\u003e 8.5 In conclusion\u003cbr\u003e\u003cbr\u003e Chapter 9 Rendering\u003cbr\u003e 9.1 Rendering Basics\u003cbr\u003e 9.2 Server Components\u003cbr\u003e 9.3 Client Components\u003cbr\u003e 9.4 Server and Client Composition Patterns\u003cbr\u003e 9.5 Edge Runtime and Node.js Runtime\u003cbr\u003e 9.6 (Practice) Using Server Components\u003cbr\u003e 9.7 In conclusion\u003cbr\u003e\u003cbr\u003e Chapter 10 Caching\u003cbr\u003e 10.1 Request Memoization\u003cbr\u003e 10.2 Data Cache\u003cbr\u003e 10.3 Full Route Cache\u003cbr\u003e 10.4 Client-Side Router Cache\u003cbr\u003e 10.5 Cache Interactions\u003cbr\u003e 10.6 Caching Related APIs\u003cbr\u003e 10.7 Caching Summary\u003cbr\u003e 10.8 (Practice) Verifying Caching Behavior\u003cbr\u003e 10.9 In conclusion\u003cbr\u003e\u003cbr\u003e Chapter 11 Styling\u003cbr\u003e 11.1 CSS Modules and Global Styles\u003cbr\u003e 11.2 Tailwind CSS\u003cbr\u003e 11.3 CSS-in-JS\u003cbr\u003e 11.4 Sass\u003cbr\u003e 11.5 (Practice) Using Tailwind CSS\u003cbr\u003e 11.6 In conclusion\u003cbr\u003e\u003cbr\u003e Chapter 12 Optimization\u003cbr\u003e 12.1 Image Optimization \u003cbr\u003e12.2 Font Optimization\u003cbr\u003e 12.3 Script Optimization\u003cbr\u003e 12.4 Lazy Loading\u003cbr\u003e 12.5 Static Assets\u003cbr\u003e 12.6 (Practice) Applying Image Optimization\u003cbr\u003e 12.7 (Practice) Applying Font Optimization\u003cbr\u003e 12.8 (Practice) Applying lazy loading\u003cbr\u003e 12.9 In conclusion\u003cbr\u003e\u003cbr\u003e Setting up Chapter 13\u003cbr\u003e 13.1 next.config.js file\u003cbr\u003e 13.2 Setting environment variables\u003cbr\u003e 13.3 (Practice) Using Environment Variables\u003cbr\u003e 13.4 (Practice) Applying Redirect\u003cbr\u003e 13.5 (Practice) Applying Rewrite\u003cbr\u003e 13.6 In conclusion\u003cbr\u003e\u003cbr\u003e Chapter 14 Test\u003cbr\u003e 14.1 Types of Front-End Tests\u003cbr\u003e 14.2 Vitest\u003cbr\u003e 14.3 Jest\u003cbr\u003e 14.4 Playwright\u003cbr\u003e 14.5 Cypress\u003cbr\u003e 14.6 (Practice) Testing with Jest\u003cbr\u003e 14.7 (Practice) Testing with Playwright\u003cbr\u003e 14.8 In conclusion\u003cbr\u003e\u003cbr\u003e Chapter 15: Building and Deploying\u003cbr\u003e 15.1 Build Concept\u003cbr\u003e 15.2 Building a Next.js Application\u003cbr\u003e 15.3 (Practice) Building a Next.js Application\u003cbr\u003e 15.4 In conclusion\u003cbr\u003e\u003cbr\u003e Chapter 16 Mini Project\u003cbr\u003e 16.1 Planning a Mini Community\u003cbr\u003e 16.2 (Practice) Creating a Next.js Application\u003cbr\u003e 16.3 (Practice) Organizing Folders\u003cbr\u003e 16.4 (Practice) Creating a Page\u003cbr\u003e 16.5 (Practice) Configuring Routes \u003cbr\u003e16.6 (Practice) Integrating Shadcn UI and Tailwind CSS\u003cbr\u003e 16.7 (Practice) Designing a Database\u003cbr\u003e 16.8 (Practice) Creating a Turso Database\u003cbr\u003e 16.9 (Practice) Drizzle ORM Integration and Database Schema Creation\u003cbr\u003e 16.10 (Practice) Connecting NextAuth\u003cbr\u003e 16.11 (Practice) Creating an API with a Route Handler\u003cbr\u003e 16.12 (Practice) Implementing a Function for Calling the Client API\u003cbr\u003e 16.13 (Practice) SWR Linking\u003cbr\u003e 16.14 (Practice) Implementing a Header Component\u003cbr\u003e 16.15 (Practice) Implementing Multiple Route Layouts Using Route Groups\u003cbr\u003e 16.16 (Practice) Implementing SignInPage\u003cbr\u003e 16.17 (Practice) Implementing SignUpPage\u003cbr\u003e 16.18 (Practice) Implementing MainPage\u003cbr\u003e 16.19 (Practice) Implementing PostWritePage\u003cbr\u003e 16.20 (Practice) Implementing PostViewPage\u003cbr\u003e 16.21 (Practice) Creating Middleware\u003cbr\u003e 16.22 (Practice) Testing the application operation locally\u003cbr\u003e 16.23 (Practice) Deploying Vercel\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv\u003e\u003ch5\u003e \u003cb\u003eDetailed image\u003c\/b\u003e \u003c\/h5\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg src=\"https:\/\/image.yes24.com\/momo\/TopCate5393\/MidCate008\/539277825.jpg\" border=\"0\" alt=\"Detailed Image 1\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv\u003e\u003ch5\u003e \u003cb\u003ePublisher's Review\u003c\/b\u003e\n\u003c\/h5\u003e\u003c\/div\u003e\n\u003cdiv\u003e  \u003cdiv\u003eThis book is designed to help even readers new to Next.js naturally build fundamental skills through hands-on practice.\u003cbr\u003e Rather than simply listing features, it helps you follow the development flow and understand why they are needed and how they work.\u003cbr\u003e\u003cbr\u003e Step by step, starting with setting up the development environment\u003cbr\u003e From installing Node.js and VS Code to learning the basics of TypeScript, we cover the preparatory process in detail so that even readers who are new to web development can follow along without difficulty.\u003cbr\u003e\u003cbr\u003e Systematically learn the core concepts of Next.js.\u003cbr\u003e It is designed to allow you to learn the core features of Next.js through hands-on practice, from rendering methods such as CSR, SSR, and SSG to file-based routing, data fetching, and API writing.\u003cbr\u003e\u003cbr\u003e Practice-oriented structure\u003cbr\u003e It goes beyond explanation and is structured so that you can immediately check all the contents through practice, allowing you to naturally acquire the various functions of Next.js.\u003cbr\u003e\u003cbr\u003e From basics to practical projects \u003cbr\u003eAfter you've mastered the basics, you can apply what you've learned through a project that builds a complete web application.\u003cbr\u003e\u003cbr\u003e \u003cb\u003e★ Target audience\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e This book is intended for any developer who wants to learn Next.js for the first time.\u003cbr\u003e It is more accessible to readers with basic React knowledge, and is particularly suitable for the following:\u003cbr\u003e ● Developers who want to learn React-based web development more systematically\u003cbr\u003e ● Developers who want to build an SEO-optimized website using SSR and SSG using Next.js\u003cbr\u003e ● Those who want to create their own web application using Next.js\u003cbr\u003e ● Front-end developers who want to gain practical project experience using Next.js\u003cbr\u003e\u003cbr\u003e \u003cb\u003e★ Structure of this book\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e This book is broadly divided into four parts, and each chapter is structured to allow for step-by-step learning from the core concepts of Next.js to practical application.\u003cbr\u003e \u003cbr\u003eYour First Step into Web Development: Your First Encounter with Next.js (Chapters 0-2)\u003cbr\u003e As a preparatory step for learning Next.js, we will briefly learn the basic concepts of TypeScript and set up the development environment by installing Node.js, npm, and VS Code.\u003cbr\u003e Next, we will understand the relationship between React and Next.js and look at the differences between rendering methods such as CSR, SSR, and SSG.\u003cbr\u003e Through the background of Next.js's creation, you will learn the necessity of the framework, create your own Next.js project, and learn the basic folder structure.\u003cbr\u003e\u003cbr\u003e The Fastest Way to Understand Next.js: The World of Routing (Chapters 3-5)\u003cbr\u003e We will learn about the routing system, which is the core of Next.js.\u003cbr\u003e First, you will learn the traditional pages router based on folder structure, and then practice the concepts and usage of the modern app router. \u003cbr\u003eLearn the basic operating principles and page composition methods of Next.js by experiencing various routing techniques step by step, such as dynamic routes, parallel routes, and intercepting routes.\u003cbr\u003e\u003cbr\u003e Experience the true power of Next.js, mastering practical features (Chapters 6-15)\u003cbr\u003e Learn various functions required for actual service development.\u003cbr\u003e Learn how to distinguish between server and client components and control the request flow using middleware.\u003cbr\u003e You will also learn how to improve site performance by applying various rendering strategies (SSR, SSG, ISR) and how to strengthen SEO by setting metadata.\u003cbr\u003e We will gradually build up the skills necessary for practical work, such as database connection, user authentication, and file optimization.\u003cbr\u003e\u003cbr\u003e Building a Next.js Web Application (Chapter 16)\u003cbr\u003e We will proceed with a project to create an actual web application (mini community site) using Next.js by synthesizing what we have learned so far. \u003cbr\u003eYou will practice dynamic routing, data linking, and server function integration, and build a complete service yourself.\u003cbr\u003e Through this course, you can naturally acquire practical development skills using Next.js. \u003cbr\u003e\n\n\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003cdiv style=\"width:95%;padding-top:20px;padding-bottom:20px\"\u003e\n\n\u003cdiv style=\"text-align:left;font-size:16px;font-weight:bold;padding-bottom:20px\"\u003e GOODS SPECIFICS \u003c\/div\u003e\n\n\u003cdiv style=\"text-align:left;font-size:14px;line-height:1.6em;\"\u003e\n\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e - \u003cstrong\u003eDate of issue:\u003c\/strong\u003e June 28, 2025\u003c\/div\u003e\n\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e - \u003cstrong\u003ePage count, weight, size:\u003c\/strong\u003e 696 pages | 183*235*25mm\u003c\/div\u003e\n\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e - \u003cstrong\u003eISBN13:\u003c\/strong\u003e 9791169213912\u003c\/div\u003e\n\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e - \u003cstrong\u003eISBN10:\u003c\/strong\u003e 116921391X \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003ccenter\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003cspan\u003e\u003c\/span\u003e\n\n\u003c\/center\u003e\n\n\n\u003c\/center\u003e","brand":"LIBRAIRIE COREENNE","offers":[{"title":"Default Title","offer_id":43893476917290,"sku":"154883","price":47.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2750\/5962\/files\/64e46d4c9b738d9bcc6c4bc12df9c597.jpg?v=1765403200","url":"https:\/\/librairie.coreenne.fr\/en\/products\/154883","provider":"LIBRAIRIE COREENNE","version":"1.0","type":"link"}