workshop

Modern Universal React dev with Next.js

Remy Sharp
7 November 2017
09:00 — 17:00

All workshop tickets also include a Thursday ffconf pass.

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.
  • Authentication: strategies & techniques

    Using the latest Next architectures, common, reusable auth logic.
  • 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

gold sponsors

day sponsors

scholarship sponsors

micro sponsors

Become a sponsor