1.0 Setup User Interface

In this section, you will learn how to setup a server-side rendered React application and configure styling and Apollo properly for server-rendered apps:

What you will learn:

  • Create a Next.js app
  • Learn how to create Next.js apps using existing templates (e.g., Apollo GraphQL template)
  • Setup styled-components for a Next.js App
  • Configure SSR for styles
  • Add a Google font
  • Add a CSS reset
  • Install herm's UI library
  • Create a layout component
  • Add a header and a sidebar