faisalamin001 / nextjs-mongodb-tailwind-starter

Get started quickly with this Next.js, MongoDB, and Tailwind CSS starter boilerplate. Kick off your projects with a solid foundation, featuring server-side rendering, NoSQL database integration, and utility-first CSS styling.

Next.js MongoDB TailwindCSS Starter

This is a starter boilerplate for building a web application using Next.js, MongoDB, and Tailwind CSS. It provides a basic setup to get you up and running quickly with these technologies.

Features

• Next.js for server-side rendering and static site generation
• MongoDB for a NoSQL database
• Tailwind CSS for utility-first CSS styling
• ESLint and Prettier for code quality and consistency

Getting Started

Prerequisites

Make sure you have the following installed:

• Node.js (v16 or newer)
• npm or yarn
• MongoDB

Installation

1. Clone the repository:

   git clone https://github.com/faisalamin001/nextjs-mongodb-tailwind-starter.git

2. Navigate to the project directory:

   cd nextjs-mongodb-tailwind-starter

3. Install dependencies:

   npm install

   or

   yarn install

Usage

Running the Development Server

1. Start the development server:

   npm run dev

   or

   yarn dev

2. Open http://localhost:3000 with your browser to see the result.

Environment Variables

Create a .env.local file in the root of your project and add the following variables:

MONGODB_URI=your_mongodb_connection_string

Contributing

Contributions are welcome! Please follow these steps to contribute:

1. Fork the repository
2. Create a new branch (git checkout -b feature/your-feature-name)
3. Make your changes
4. Commit your changes (git commit -m 'Add some feature')
5. Push to the branch (git push origin feature/your-feature-name)
6. Create a pull request