Documentation

Each template on Nexi Launch is a Next.js, Tailwind CSS landing page template that's lightweight and easily configurable and customizable.

Features

• Next.js app router with Typescript
• Easy styling customization with Tailwind v3 and primary, secondary, background, foreground, and other accent color attributes
• Smooth transitions with Framer Motion
• Font optimization with next/font
• Automatic image optimization via next/image
• React Icons which provides 31 of the popular icon packs such as Font Awesome, Bootstrap, Ant Design, Heroicons, and more
• Near perfect lighthouse score
• Modular components: Easy to update, scale, and adapt
• Lightweight
• Responsive
• Free lifetime updates

Quick Start Guide

Before deploying your landing page to production, you can run your project locally to test any changes you'll make:

Prerequisites

Before installing the dependencies, make sure you have the following:

• Node.js: Version 18 or later
• npm: Version 8 or later (included with Node.js)
• Code editor: I recommend VS Code.

Local Development Environment Setup

1. First, clone the repo or download the zip file from GitHub. Each template has its own repo, and you will receive your template's repo URL after your purchase.
2. Run npm i to install the dependencies.
3. Run the development server: npm run dev
4. Open localhost:3000 on your browser.

Customization

1. Modify globals.css file to change the template's colors.
2. Personalize siteDetails.ts file inside the /src/data folder to change site related information.
3. Modify the rest of the files inside the /src/data folder to change data such as navigation links, features, pricing, testimonials, faq, and others.
4. Replace the favicon.ico file inside the /src/app folder to use your own icon.
5. Add your images to the public/images for the open graph social metadata (e.g. og-image.jpg, twitter-image.jpg).
6. Deploy on Vercel or alternative hosts or platforms.

Deploying on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out the Next.js deployment documentation for more details.