https://github.com/rleite-it/saas-dark-landing-page-template

A simple SaaS landing page template with a dark theme built using Next.js, React, and Tailwind CSS.
https://github.com/rleite-it/saas-dark-landing-page-template

framer-motion nextjs react saas-boilerplate tailwindcss

Last synced: 4 months ago
JSON representation

A simple SaaS landing page template with a dark theme built using Next.js, React, and Tailwind CSS.

• Host: GitHub
• URL: https://github.com/rleite-it/saas-dark-landing-page-template
• Owner: rleite-it
• License: mit
• Created: 2024-08-24T16:56:22.000Z (6 months ago)
• Default Branch: master
• Last Pushed: 2024-08-24T17:04:05.000Z (6 months ago)
• Last Synced: 2024-09-29T00:13:27.837Z (4 months ago)
• Topics: framer-motion, nextjs, react, saas-boilerplate, tailwindcss
• Language: TypeScript
• Homepage: https://saas-dark-landing-page-template.vercel.app/
• Size: 425 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# SaaS Website Dark Landing Page

![Next.js](https://img.shields.io/badge/Next.js-14.2.4-blue.svg)

![React](https://img.shields.io/badge/React-18-blue.svg)

![Framer Motion](https://img.shields.io/badge/Framer%20Motion-11.2.12-red.svg)

![Tailwind CSS](https://img.shields.io/badge/Tailwind%20CSS-3.4.1-06B6D4.svg)

![Typescript](https://img.shields.io/badge/Typescript-5-blue.svg)

![ESLint](https://img.shields.io/badge/ESLint-8.0.0-4B32C3.svg)

## Description

This is a **simple SaaS landing page template** designed with a dark theme. It leverages modern web technologies including Next.js for server-side rendering, React for component-based UI, Tailwind CSS for utility-first styling, and Framer Motion for animations. This template serves as a foundation for building landing pages for SaaS products, enabling developers to quickly get up and running with a sleek, responsive design.

## Getting Started

Follow these steps to set up the project locally.

### Prerequisites

Ensure you have the following installed:

- Node.js (>= 14)

- npm (or yarn)

### Installation

1. **Clone the repository:**

   ```bash

   git clone https://github.com/rleite-it/saas-dark-landing-page-template.git

   ```

2. **Navigate to the project directory:**

   ```bash

   cd saas-dark-landing-page-template

   ```

3. **Install dependencies:**

   Using npm:

   ```bash

   npm install

   ```

   Or using yarn:

   ```bash

   yarn install

   ```

### Running Locally

To run the project locally, use the following commands:

- **Development mode:**

  ```bash

  npm run dev

  ```

  or

  ```bash

  yarn dev

  ```

- **Build for production:**

  ```bash

  npm run build

  ```

  or

  ```bash

  yarn build

  ```

- **Start the production server:**

  ```bash

  npm start

  ```

  or

  ```bash

  yarn start

  ```

- **Lint the code:**

  ```bash

  npm run lint

  ```

  or

  ```bash

  yarn lint

  ```

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.

---

Built with ❤️ using Next.js, React, and Tailwind CSS.