Landing Pages by BuilderKit.ai

NextJs Typescript Shadcn Tailwind CSS

Introduction

Landing Pages by BuilderKit.ai is a Next.js based boilerplate that comes with 10 different landing pages designed to accelerate the development of your saas applications. Get all the 10 Landing Pages with Editable Figma Files here.

BuilderKit

Features

  • 📜 10 Unique Landing Pages: Ready-to-use templates that cater to different needs and aesthetics.
  • 🧮 Next.js Framework: Built with Next.js for server-side rendering and static site generation.
  • ⏹️ Modular Components: Easily customizable components to fit your specific requirements.
  • 🎨 Tailwind CSS: Styled using Tailwind CSS for efficient and responsive design.
  • ⚡️ Optimized Performance: Includes advanced features like lazy loading and optimized images.
  • 🔄 Reusable UI Components: Common UI components like buttons, cards, and accordions.
  • 📃 SEO Friendly: Pre-configured with next-sitemap for better SEO.

Quickstart Guide

Prerequisites

  • Node.js (version 14 or later)
  • npm or yarn

Installation

  1. Install Dependencies

    Using npm:

    npm install

    Using yarn:

    yarn install

Running the Application

  1. Run the development server:

    npm run dev
    # or
    yarn dev

    This will start the development server on http://localhost:3000.

  2. Build for production:

    npm run build
    # or
    yarn build

    This command compiles the application for production usage.

  3. Start the production server:

    npm start
    # or
    yarn start

    This will start the application in production mode.

Additional Scripts

  • Prepare Husky for Git hooks:

    npm run prepare
  • Validate the code with Linting, Formatting & Typecheck:

    npm run validate

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

For any inquiries or issues, please open an issue on the GitHub repository or contact the author at vatsal1811@gmail.com.