Book Overview & Buying
Table Of Contents
Feedback & Rating

Next.js Quick Start Guide

By : Konshin

1 (2)

Buy this Book

Next.js Quick Start Guide

1 (2)

By: Konshin

Buy this Book

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

Get in touch

Free Chapter

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

Summary

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

Summary

Next.js Configuration

Special pages

How to make custom configurations

Configuring Webpack

Configuring Babel

Summary

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

Summary

Application Life Cycle Handlers and Business Logic

Authentication

Access Control List, Roles, and Permissions

Business Rules Engine

Internationalization and Localization

Error handling

Caching

Analytics

Summary

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

Commit hooks

Summary

Containers

What is a container for a Next.js app?

Creating a Docker container for Next.js

Deploying to Heroku

Deploying to Now.sh

Summary

Other Books You May Enjoy

Leave a review - let other readers know what you think

Customer Reviews

1 (2)

5 star

4 star

3 star

2 star

1 star

100%

Continuous Integration

In previous chapters, we were learning how to write an application, but the application life cycle is not limited to just creating it. That is just the beginning of the journey. The app must survive all the upcoming updates and changes, and there has to be a set of tools and procedures that will guarantee it is still working properly. These tools and procedures have to provide measurable metrics to understand that things are doing OK.

In this chapter, we explain how to prepare the app for automatic deployment, and why unit and end-to-end tests are an important prerequisite for this. You will learn how to write tests and use online CI tools with Next.js.

In this chapter, we are going to cover the following topics: