Use Stitches with Next.js

import Head from 'next/head' import StitchesLogo from '../components/StitchesLogo' import { styled } from '../stitches.config' const Box = styled('div', {}) const Text = styled('p', { fontFamily: '$system', color: '$hiContrast', }) const Link = styled('a', { fontFamily: '$system', textDecoration: 'none', color: '$purple600', }) const Container = styled('div', { marginX: 'auto', paddingX: '$3', variants: { size: { 1: { maxWidth: '300px', }, 2: { maxWidth: '585px', }, 3: { maxWidth: '865px', }, }, }, }) export default function Home() { return ( Use Stitches with Next.js Hello, from Stitches. For full documentation, visit{' '} stitches.dev. ) }