This is a Next.js boilerplate project bootstrapped with create-next-app.

Features

• Next.js 14 (App Router)
• TypeScript
• Tailwind CSS
• Auth.js
• Tanstack Query
• React Hook Form
• Medusa UI

Getting Started

First, run the development server:

cp .env.example .env
yarn install
yarn dev

Environment Variables

Key	Description	Example
NEXT_PUBLIC_DOMAIN	Domain	http://localhost:3000
NEXTAUTH_URL	Service URL (usually domain)	http://localhost:3000
NEXTAUTH_SECRET	Random secret key	random secret in web
NEXT_PUBLIC_API_URL	API URL (json-server url in example)	http://localhost:3001
NEXT_PUBLIC_STORE_NAME	Name of Project	Medusa Store

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

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Project Structure

Refer to the Next.js Best Practices for the project structure.

VScode Snippets

tsx

interface ITestProps {
  children?: React.ReactNode;
}

export const Test = ({ children }: ITestProps) => {
  return (
    <div className="block">
      <div>{children}</div>
    </div>
  );
};