background-image.png
A PRACTICAL FULLSTACK BOOK ON UNIVERSAL (SERVER) RENDERING FOR REACT APPS

This book will give you the essentials needed for you to get up to speed with building server rendered JavaScript web applications with React. Hands on Next.js is filled with hands on exercises to get your hands dirty by building things like Airbnb clone and a blog.

ABOUT NEXT.JS

Next.js is a JavaScript framework for server-rendered web application built on top of React, Webpack and Babel. Some Next.js has some incredible features that come built in. Here’s a list of these features:

  • Ease of use
  • Automatic code splitting for faster page loads
  • Simple client-side routing
  • Server-side rendering and prefetch
  • Easy to implement with Express and other Node.js HTTP Server
Available on Leanpub  
ABOUT THE AUTHOR

Chris is a Lagos, Nigeria based JavaScript consultant and community builder. He is currently the author program manager at Scotch.io and also consults with Cloudinary and Pusher on matters concerning developer evangelism and technical content creation. He's all about creating learning platforms for developers through collective community efforts and currently a co-organizer of Africa's leading developer community, forLoop Africa.

EXCITING SAMPLE DEMOS
"What People are Saying About Hands On NextJs"
Ready to read the book?  
What People are Saying About Next.Js

"We migrated our whole frontend stack to next.js and we significantly boosted site performance and development ease! We migrated away from global CSS, moving our styles to the components, and extended <Link> for supporting the prefetching of page data alongside with structure (which we blogged about here)."

"Ticketmaster decided to move to a single page application and chose React as a framework. However SEO is critical to our business and that made server side rendering absolutely necessary. Next.js has allowed us to move quickly, while catering to this requirement and offering us great performance out of the box."

"We love React. And love simplicity of Nextjs how quickly a developer can pick it and start using it. We use it with Apollo Graphql client. And on backend we use Keystonejs with graphql api. Keystonejs generates admin ui automatically for us. We love our stack."

TABLE OF CONTENTS
CHAPTER ONE
1.1React Once More
1.2Rendering DOM Elements
1.3JSX
1.4Components
1.5Props
1.6States
1.7Lifecycle Methods
1.8Events
1.9Controlled Components
1.10Summary
CHAPTER TWO
2.1Next Fundamentals
2.2Manual Setup
2.3Running the App
2.4SSR in Play
2.5Automatic Code Splitting
2.6Summary
CHAPTER THREE
3.1Pages and Layouts
3.2Layout Mock
3.3Custom Head
3.4Custom Document
3.5Reusable Layout
3.6Page Contents
3.7Reusing Layout
3.8Summary
CHAPTER FOUR
4.1Styling and Style Composition Patterns
4.2Global Styles
4.3CSS in JS
4.4Styled Components
4.5Styled JSX
4.6Style Composition
4.7Summary
CHAPTER FIVE
5.1Routing Navigation
5.2Links
5.3Dynamic Routes with Query Strings
5.4Dynamic Routes with Parameters
5.5Server Side Routing
5.6Imperative Navigation
5.7Prefetching
5.8Summary
CHAPTER SIX
6.1Data Fetching and Authentication
6.2Provisioning a GraphQL Server with Graphcool
6.3Using the Playground
6.4Networking in Next.js
6.5Authentication
6.6Server Authentication
6.7Client Authentication
6.8Summary