Book Overview & Buying
Table Of Contents

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

Deploying to Heroku

Taking care of the health of your Node.js server in server-side rendering mode can be tricky; you have to monitor the different parameters, you have to take care of logs, and do all the other operational things. Nowadays, lots of providers offer free and paid servers, where you can deploy apps without the necessity of diving into server-side specifics; you write apps, and they do the rest.

A popular service called Heroku (http://heroku.com) offers various servers for different languages, including JS and Node.js in particular; they have optimized containers that can run your apps.

After you have signed up to Heroku, create a new project, name it, and once created, click Connect to Github. Type in the name of the repository and click Connect: