Base Template Documentation

This guide explains how to install, customize, and deploy a BloomTPL base template built with Next.js 15, Tailwind CSS, and shadcn/ui.

1. Installation

Download the template: After purchase, download the ZIP file and extract it to your workspace.
Install dependencies:
```
npm install
```
Start the development server:
```
npm run dev
```
Your app will be running at http://localhost:3000.

Edit content: Modify pages in the /app directory and components in /components to update text, images, and layout.
Change styles: Update Tailwind CSS classes directly in your JSX. You can also edit tailwind.config.js to customize your color palette, fonts, and breakpoints.
Use shadcn/ui components: All UI elements use shadcn/ui. You can add new components by running:
```
npx shadcn-ui@latest add [component]
```
Replace [component] with the desired UI element (e.g., button, card).
Update metadata: Edit app/layout.tsx and page-level metadata for SEO and social sharing.

Build your app:
```
npm run build
```
Deploy to your preferred platform: You can deploy to platforms like Netlify, AWS Amplify, Render, or your own server. Make sure to set NODE_ENV=production and run npm run build before serving.

If you see build errors, check your Node.js version (Next.js 15 requires Node 18+).
For shadcn/ui issues, refer to the official documentation.
For Tailwind CSS customization, see the Tailwind docs.

If you have any questions or run into issues, contact our support team at bloomtpl@gmail.com.