Book Image

Next.js Quick Start Guide

By : Kirill Konshin

Book Image

Next.js Quick Start Guide

By: Kirill Konshin

Overview of this book

Next.js is a powerful addition to the ever-growing and dynamic JavaScript world. Built on top of React, Webpack, and Babel, it is a minimalistic framework for server-rendered universal JavaScript applications. This book will show you the best practices for building sites using Next. js, enabling you to build SEO-friendly and superfast websites. This book will guide you from building a simple single page app to a scalable and reliable client-server infrastructure. You will explore code sharing between client and server, universal modules, and server-side rendering. The book will take you through the core Next.js concepts that everyone is talking about – hot reloading, code splitting, routing, server rendering, transpilation, CSS isolation, and more. You will learn ways of implementing them in order to create your own universal JavaScript application. You will walk through the building and deployment stages of your applications with the JSON API,customizing the confguration, error handling,data fetching, deploying to production, and authentication.

Preface

Who this book is for

What this book covers

To get the most out of this book

Free Chapter

Introduction to Server-Side Rendering and Next.js

Introduction to Server-Side Rendering and Next.js

What is a single-page app?

Introduction to React

Why single-page apps suffer performance issues

Server side rendering

How to do server-side rendering with React

Next.js fundamentals

Next.js fundamentals

Installation of Next.js

Running Next.js in developer mode

Creating your first Next.js page

Running a Next.js production build

Making Next.js routing

Dynamic routing

Making Next.js routing masks – SEO-friendly URLs

Dynamic Component Loading (aka Lazy Components)

Adding styles to an application – CSS in JS

Adding media content – images, video, and audio

Adding interactive graphs and charts

Next.js Configuration

Next.js Configuration

How to make custom configurations

Configuring Webpack

Configuring Babel

Next.js Data Flow

Next.js Data Flow

Nuances of fetching data on the client and on the server

Loading data from a remote server using vanilla Next.js

Using Redux with Next.js

Using GraphQL with Next.js to fetch data

Using the Apollo framework with Next.js to fetch data

Application Life Cycle Handlers and Business Logic

Application Life Cycle Handlers and Business Logic

Access Control List, Roles, and Permissions

Business Rules Engine

Internationalization and Localization

Continuous Integration

Continuous Integration

What is automated deployment?

Writing unit tests for Next.js apps

Writing end-to-end tests for Next.js apps

Setting up CI for Next.js: Travis, Gitlab, and so on

Setting up cloud coverage statistics

Containers

What is a container for a Next.js app?

Creating a Docker container for Next.js

Deploying to Heroku

Deploying to Now.sh

Other Books You May Enjoy

Other Books You May Enjoy

Leave a review - let other readers know what you think

Customer Reviews

5 star

0

4 star

0

3 star

0

2 star

0

1 star

0

Who this book is for

This book is for skilled professionals seeking a comprehensive guide on how to build a flexible, scalable, and well-designed universal JavaScript application with server-side rendering capabilities using Next.js.

This book will also help developers discover what server-side rendering is and get to grips with what the bleeding edge of the technology has to offer in its current state.

We will guide users through the following challenges:

Performance of single-page applications
SEO
Blazing-fast rendering of the initial page when a customers visit the website
Maximum reuse of modules on client and server sides
What server-side rendering is, how it helps, and how to do it right