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

Other Books You May Enjoy

If you enjoyed this book, you may be interested in these other books by Packt:

Full-Stack React Projects
Shama Hoque

ISBN: 978-1-78883-553-4

Set up your development environment and develop a MERN application
Implement user authentication and authorization using JSON Web Tokens
Build a social media application by extending the basic MERN application
Create an online marketplace application with shopping cart and Stripe payments
Develop a media streaming application using MongoDB GridFS
Implement server-side rendering with data to improve SEO
Set up and use React 360 to develop user interfaces with VR capabilities
Learn industry best practices to make MERN stack applications reliable and scalable

React: Cross-Platform Application Development with React Native
Emilio Rodriguez Martinez

ISBN: 978-1-78913-608-1

Structure React Native projects to ease...