Welcome to Manning India!

We are pleased to be able to offer regional eBook pricing for Indian residents.
All eBook prices are discounted 40% or more!
Next.js in Action
Adam Boduch
  • MEAP began January 2020
  • Publication in Summer 2020 (estimated)
  • ISBN 9781617297748
  • 275 pages (estimated)
  • printed in black & white
You don’t have to choose between great frontend user experiences with React and the power and speed of server-side rendering. The Next.js framework integrates seamlessly with React to give you the best of both sides! In Next.js in Action, you’ll learn how to build apps that assemble page data on the server side before populating the React components in the browser. Next.js is a game changer, and this book will get you up to speed faster than you can say “prefetch.”
Table of Contents detailed table of contents

Part 1: Getting Started

1 Introducing Next.js

1.1 Common Capabilities of React Applications

1.1.1 Dev Server

1.1.2 Production Build and Production Server

1.1.3 Server-Side Rendering

1.1.4 URL Routing

1.1.5 Page Composition and Styles

1.1.6 Data Fetching and State Management

1.2 Key Next.js Concepts

1.2.1 A Collection of Pages

1.2.2 Routing Happens Automatically

1.2.3 Server-Side Rendering Happens Automatically

1.2.4 API Routes Are Just Like Page Routes

1.2.5 Pages Are React Components

1.2.6 Deploying Pages and APIs as Serverless Functions

1.3 Prior Art Pain Points

1.3.1 Using create-react-app and react-scripts

1.3.2 Managing Routes With react-router

1.3.3 Fetching Data in The Browser and On the Server

1.3.4 Deployment Scaling and Cost Considerations

1.4 What Next.js Is Not

1.4.1 Not a Server-Side Render Utility

1.4.2 No Databases

1.4.3 No UI/UX Workflow

1.4.4 Not a Replacement for What Works

1.5 Summary

2 Installing Tools and Application Structure

2.1 Installing Next.js

2.1.1 Making Sure Node.js Is Ready

2.1.2 Installing create-next-app

2.1.3 Creating Your Next.js Project

2.2 Working with Example Projects

2.2.1 Where to Find Next.js Examples

2.2.2 Installing Examples Using create-next-app

2.3 Anatomy of a Next.js Project

2.3.1 Pages

2.3.2 Components

2.3.3 APIs

2.4 Summary

3 Your First Next.js Pages

3.1 Visualizing Page Organization

3.1.2 Where to Spend Your time

3.2 Implementing and Linking Pages

3.2.1 Basic Page Component Template

3.2.2 Home Page

3.2.3 Message and Friend List Pages

3.2.4 Message and Friend Detail Pages

3.2.5 New Message and New Friend Pages

3.3 Making Content Dynamic with Data

3.3.1 Getting Initial Page Properties

3.3.2 Initial Home Page Properties

3.3.3 Initial Properties for Message and Friend List Pages

3.3.4 Initial Properties for Message and Friend Detail Pages

3.4 Summary

Part 2: Pages and Page Components

4 Reusable Page Components

4.1 Layout Components for Every Page

4.1.1 Components That Make a Layout

4.1.2 Global Styles

4.1.3 Page Headers

4.1.4 HTML Document Title and Other Head Data

4.1.5 Navigation

4.2 Components Shared by Some Pages

4.2.1 Item Lists

4.2.3 Form Fields

4.3 Refactoring and Organizing Page Content

4.3.1 Folders for Pages

4.3.2 Information Sections

4.4 Optimizing Shared Components

4.4.1 Using Memoized Components

4.4.2 Benchmarking Next.js Page Content

4.5 Summary

5 Styling Pages and Components

5.1 How Style Scoping Works

5.1.1 Page Level Scoping

5.1.2 Container Elements

5.1.3 The Root Element

5.1.4 Removing Scope

5.2 Supporting Style Themes

5.3 Styles Rendered on The Server

5.4 Using Styles Efficiently

5.5 Dedicated Style Modules

5.6 Using UI Libraries

5.7 Summarys

Part 3: Routes and Data

6 Routes and Links

7 Dynamic Routes and Page Data

8 API Routes

Part 4: Deploying Production Applications

9 App Containers

10 Serverless Deployment

Appendixes

Appendix A: API Reference

About the Technology

Next.js is an innovative framework that marries the great developer experience features of React with the power and convenience of server-rendered (SSR) websites. On the server, Next.js prefetches data and does the initial build so that they load into your React-based pages with fewer slow over-the-wire roundtrips. Next.js is simple to set up and run, and it doesn’t break what you already have. You can incrementally add SSR to your pages as you revise and improve them.

About the book

Next.js in Action is a jargon-free guide to building server rendered web apps with React and Next.js. In it, author Adam Boduch starts with the foundations of Next.js and how it differs from other frameworks. Then comes your first lightbulb moment: how much time you’ll save by building snappy reusable page components with Next.js’s out-of-the-box styling solutions. Chapter by chapter, you’ll create a messenger application as you learn how the moving pieces of a Next.js app fit together. Finally, you’ll learn to use Next.js to solve your backend challenges, from abstracting routing details and API endpoints to super simple deployment to the cloud.

What's inside

  • Create application pages and routes
  • Construct API endpoints and integrate them into pages
  • Apply styles to your pages
  • Integrate with other React component libraries
  • Deploy your app to a traditional server or as serverless functions

About the reader

For web developers with intermediate JavaScript skills familiar with the basics of React.

About the author

Adam Boduch has been building web applications in a professional capacity for 15 years. He has extensive knowledge of React, and has taught many React-related technologies through both direct training and book publishing.

Manning Early Access Program (MEAP) Read chapters as they are written, get the finished eBook as soon as it’s ready, and receive the pBook long before it's in bookstores.
MEAP combo $59.99 pBook + eBook + liveBook
MEAP eBook $47.99 pdf + ePub + kindle + liveBook
Prices displayed in rupees will be charged in USD when you check out.

placing your order...

Don't refresh or navigate away from the page.

FREE domestic shipping on three or more pBooks