Modern Universal React dev with Next.js
What you'll learn on the day
Up and running: application architecture
Create your first fully SSR Next.js application. Compose layouts and head elements.Extending: custom routing, parameters
Clean and custom URLs, mapping params, environment variables, and more.Connecting: Database backed pages
Going beyond the code: dynamic data and securing pages.Testing, building & deploying
Tests & fixtures with Jest, gotchas, and deploy strategies.
Detailed description
Next.js is a framework for building React applications with automatic server side rendering support, which results in improved performance over "vanilla" React. The framework also offers zero configuration, automatic code splitting and prefech out of the box.
You will be expected to be comfortable with JavaScript, and be familiar with, or at least comfortable with the JSX concepts (putting XML inside your JavaScript). We'll also be using Node 8 as we'll make use of async/await.
Outcomes:
- How to create and configure next Next based projects
- Experience with latest JavaScript features, including async/await
- Exposure to some gotchas
- How to handle special cases around server/client side only and using environment variables
- Custom routing and parameter handling