Documentation

After purchasing, you'll receive a ZIP file containing your template. Here's how to get started:

my-template/
├── src/
│   └── app/
│       ├── globals.css    # Tailwind imports
│       ├── layout.tsx     # Root layout
│       └── page.tsx       # Main page component
├── package.json           # Dependencies
├── tsconfig.json          # TypeScript config
├── postcss.config.mjs     # PostCSS config
└── README.md              # Template docs

Each template is a standard Next.js 15 app with the App Router. The main page component contains all the sections and a siteConfig object for easy customization.

Each template includes a siteConfig object at the top of the page component. This is where you customize your business details:

const siteConfig = {
  brand: {
    name: "Your Business Name",
    tagline: "Your Tagline Here"
  },
  contact: {
    phone: "(555) 123-4567",
    email: "hello@yourbusiness.com",
    address: "123 Main Street, City"
  },
  links: {
    instagram: "https://instagram.com/yourbusiness",
    facebook: "https://facebook.com/yourbusiness"
  }
};

Simply update these values and the entire site will reflect your changes.

Templates use Tailwind CSS v4 for styling. Colors are typically defined inline for easy customization:

For Tailwind utility classes, refer to the official Tailwind documentation.

Deploy your template to any platform that supports Next.js: