briangershon / nextjs-starter

Starter template for Next.js v13 (using new app approach). With TypeScript, tailwindcss and daisyUI.

Home Page:https://nextjs-starter.briangershon.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

nextjs-starter

React tests

Starter template for Next.js, with TypeScript, tailwindcss and daisyUI.

home page screenshot

Features

  • Add Next.js v13 with experimental /app support
    • Uses experimental /app layout in Next.js v13 with server components, client components and layouts.
    • Adds example server-rendered component populated with fetch (using data from jokes API). Display message while loading.
    • Note that fetch not usable in client components. Use server components or third-party client-side library like Axios if needed. https://beta.nextjs.org/docs/data-fetching/fetching
  • Start with minimal Next.js app (using npm) via npx create-next-app nextjs-starter --ts and simplify content
  • Add tailwindcss and daisyUI
  • Add navigation, site layout and two pages
  • Add Jest, React Testing Library, GitHub action to run tests, README badge, sample test
  • Add Prettier config
  • Add health check endpoint (/api/health)
  • Add placeholder favicon.ico

Run locally

yarn
yarn dev

Open http://localhost:3000 with your browser to see the result.

Run tests

yarn
yarn test

About

Starter template for Next.js v13 (using new app approach). With TypeScript, tailwindcss and daisyUI.

https://nextjs-starter.briangershon.vercel.app

License:MIT License


Languages

Language:TypeScript 61.1%Language:JavaScript 37.9%Language:CSS 1.0%