Base Template Documentation

1. Installation

1. Download the template: After purchase, download the ZIP file and extract it to your workspace.
2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

   Your app will be running at http://localhost:3000.

2. Customization

• 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.

3. Deployment

• 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.

Troubleshooting & Tips

• 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.