Next.js Quick Start Guide: Server-side rendering done right
by: Kirill Konshin
ISBN-10: 1788993667
ISBN-13: 9781788993661
Released: 2018-07-26
Pages: 164
Create,build and deploy universal JavaScript applications using Next.js 6.0
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.
What You Will Learn
Explore the benefts of server-side rendering with Next.js
Create and link JavaScript modules together by understanding code splitting and bundling
Create website pages and wire them together through website navigation
Extend your application with additional Webpack loaders and features,as well as custom Babel plugins and presets
Use GraphQL and Apollo frameworks with Next.js to fetch data and receive push notifcations
Design and implement core modules,such as logging and authentication,and then more complex solutions for access control and business rule management
Write tests and use online CI tools such as Travis,GitLab,and more
Build a Docker-based container for your app and deploy it to online services such as Heroku and Now.sh
Contributors
Preface
Introduction to Server-Side Rendering and Nextjs
Whatis a single-page app?
Introduction to React&# xA0;
Why single-page apps suffer performance issues
Server side rendering&×A;
How to do server-side rendering with React&#×A0;
Summary
Next. js fundamentals
Installation of Nextjs
Running Next. js&# xA0in developer mode
Creating your first Next. js page
Running a Next js production build
Making Next. js routing
Dynamic routing
Making Next. js routing masks8#×2013; SEO-friendly URLs
Dynamic Component Loading (aka Lazy Components)
Adding styles to an application &#×2013; CSSin JS
Adding media content&# xA0;&#×2013; images,video,and audio
Adding interactive graphsand charts
Summary
Next. js Configuration
Specialpages
How to make custom configurations
Configuring Webpack
Configuring Babel
Summary
Nextijs Data Flow
Nuances of fetching data on the client and on the server
Loading data from a remote server using vanilla Nextjs
Using Redux with Nextjs
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
Whatis automated deployment?
Writing unit tests for Next. jsapps
Writing end-to-end tests for Next. jsapps
Setting up CI for Next. js: Travis,Gitlab,andso on
Setting up cloud coverage statistics
Commit hooks
Summary&# xA0;
Containers
Whatis a container for a Next. jsapp?
Creating a Docker container for Next. js
Deploying to Heroku
Deploying to Now. sh
Summary
Other Books You May Enjoy
Leave a review-let otherreaders know what you think
