Skip to content
This repository has been archived by the owner on Nov 26, 2024. It is now read-only.

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

License

Notifications You must be signed in to change notification settings

briangershon/nextjs-starter

Repository files navigation

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.

Topics

Resources

License

Stars

Watchers

Forks