nextjs-geistui-swr-example

This is a sample using TypeScript , Vercel , Next.js , Geist-UI , SWR , and React Context API.

This is a Vercel-friendly sample using Vercel products.

これは、 TypeScript , Vercel , Next.js , Geist-UI , SWR , React Context API を使ったサンプルです。

Vercelプロダクトを使った、 Vercelフレンドリー なサンプルです。

Live demo

Live Demo

Features

• TypeScript
• Vercel Products
  • Next.js
  • Geist-UI
  • SWR
• React Context API
• react-context-devtool
• json-server
• Web Vitals

Setup

• Visual Studio Code
• EditorConfig for VS Code
• Prettier - Code formatter
• react-context-devtool Chrome / FireFox / MS Edge

Usage

Run Local

git clone https://github.com/treetips/nextjs-geistui-swr-example.git
cd nextjs-geistui-swr-example
npm i
npm run dev

Run Production

git clone https://github.com/treetips/nextjs-geistui-swr-example.git
cd nextjs-geistui-swr-example
npm i --production
npm run build
npm start

Note

Although I use jsons-server as the API server in the local environment , in the production environment (live demo) , I want to make it in-memory for the browser, so I have implemented the API independently with Next.js.