Jsvibe

Getting Started with Jsvibe

Learn how to install and customize your Next.js templates from GitHub in minutes.

Quick Start
git clone https://github.com/jsvibe/template-name.git
cd template-name
npm install
npm run dev

Replace template-name with your purchased template repository name.

Installation Guide

1
Access Your Template

After purchasing, you'll receive an email with GitHub repository access. Each template has its own private repository.

Repository URL format:

https://github.com/jsvibe/[template-name]
2
Clone the Repository

Clone the template repository to your local machine using Git.

Terminal
git clone https://github.com/jsvibe/[template-name].git my-project
cd my-project

Replace my-project with your desired project name.

3
Install Dependencies

Install all required dependencies using your preferred package manager.

npm

npm install

yarn

yarn install
4
Environment Setup

Copy the environment variables file and configure your settings.

cp .env.example .env.local

Edit .env.local with your specific configuration values.

5
Start Development Server

Launch the development server to see your template in action.

npm run dev

Open http://localhost:3000 in your browser.

Project Structure

my-project/
├── app/ # Next.js 15 App Router
├── components/ # Reusable components
├── lib/ # Utility functions
├── public/ # Static assets
├── styles/ # Global styles
├── .env.example # Environment variables template
├── next.config.js # Next.js configuration
├── package.json # Dependencies
├── tailwind.config.js # Tailwind CSS config
└── README.md # Template documentation

Customization

Colors & Branding

Customize colors, fonts, and branding in the Tailwind config file.

tailwind.config.js
Content & Copy

Update text, images, and content in the component files.

app/page.tsx

Deployment

Deploy your customized template to Vercel, Netlify, or any hosting platform that supports Next.js.

Vercel (Recommended)

npx vercel --prod

Need Help?

Each template includes detailed documentation and examples.