next-store

A proof of concept using a NextJS seed ready to be deployed with Vercel.

Features

• Lazy Image Loading x2
• CSS Purged
• Green on Lighthouse

Tech Stack

• Nextjs
• PurgeCSS
• TailwindCSS
• PostCSS
  • Allows nesting and imports.

Up and Running

• Develop running npm run dev - http://localhost:3000

• Build npm run build

• Deploy vercel --prod

Demo

https://next-store-pi.vercel.app

Data Fetching

Using SWR:

import useSWR from "swr";

function Profile() {
  const { data, error } = useSWR("/api/user", fetcher);

  if (error) return <div>failed to load</div>;
  if (!data) return <div>loading...</div>;
  return <div>hello {data.name}!</div>;
}

Examples and Resources

• NextJS with Prismic https://github.com/vercel/next.js/tree/canary/examples/cms-prismic
• Data fetching with SWR
• Nextjs Documentation
• Incremental Static Generation https://static-tweet.now.sh/