Intro to NextJS with GraphQL
Event Information
Description
Build and deploy a full-featured personal website with NextJS v9! We will tour the full capabilities of NextJS with a hands-on demo including landing, about, contact form, and blog pages.
The morning will focus on the fundamental workings of NextJS sites: setup, handling assets, styling, layout, and routing. We'll compare with other popular frameworks, see how much is provided out of the box, and add our favorite packages and tools.
The afternoon explores data and deployment options. Adding a useful microservice shows how NextJS handles API routes for us. We will also implement GraphQL (Apollo Client hooks, GraphCMS) as a data layer to power a blog section. Finally, handle deployment quickly and easily with Zeit Now.
Agenda
- Why NextJS
- NextJS vs CRA vs Gatsby
- Tour of the starter repository
- Static assets
- Styling and the custom Document
- Layout and the custom App
- Routing: static and dynamic routes
- LUNCH
- API routes: microservices in NextJS
- Data layer: when and where to fetch your data
- Adding data with GraphQL
- Builds: defaults, config, and analytics
- Deployment with Zeit Now
Don't forget to get tickets for the NationJS FrontRunners React conference the next day, Dec 6!
Team discounts are available for groups of 5 or more
Keywords: React, ReactJS, GraphQL, Apollo Client, Javascript, Front end, coding, bootcamp, workshop, training