/Next-JS-Boilerplate

Next JS 13/14 boilerplate without experimental API. Includes Tailwind CSS, Saas, Eslint, Redux Toolkit, React Icons, Post CSS. Axios

Primary LanguageJavaScript

Boilerplate 🚀

This is a boilerplate project for kickstarting your development with Next.js. It includes a set of dependencies to help you build modern web applications. If you want to modify the dependencies, please follow the instructions below.

Table of Contents

Getting Started

To get started with this boilerplate, follow these steps:

  1. Clone the repository: git clone <repository-url>
  2. Install the dependencies: npm install
  3. Start the development server: npm run dev
  4. Open your browser and visit http://localhost:3000 to see the application running.

Scripts

The following scripts are available:

  • dev: Starts the development server.
  • build: Builds the application for production.
  • start: Starts the production server.
  • lint: Runs ESLint for code linting.
  • prod: Builds the application and exports it to the build directory.

You can run these scripts using the command npm run <script-name>.

Dependencies

This boilerplate project has the following dependencies:

  • @reduxjs/toolkit: Redux toolkit for efficient Redux development. Version: ^1.9.5
  • autoprefixer: PostCSS plugin to parse CSS and add vendor prefixes automatically. Version: 10.4.14
  • axios: Promise-based HTTP client for the browser and Node.js. Version: ^1.5.0
  • eslint: Pluggable JavaScript linter. Version: ^8.40.0
  • eslint-config-next: ESLint configuration for Next.js projects. Version: ^13.4.1
  • next: React framework for server-rendered applications. Version: ^13.4.1
  • postcss: Tool for transforming CSS with JavaScript. Version: 8.4.23
  • react: JavaScript library for building user interfaces. Version: 18.2.0
  • react-dom: Entry point to the DOM and server renderers for React. Version: 18.2.0
  • react-icons: SVG icons library for React. Version: ^4.8.0
  • react-redux: Official React bindings for Redux. Version: ^8.0.5
  • sass: Dart implementation of Sass, a CSS preprocessor. Version: ^1.62.1
  • tailwindcss: Utility-first CSS framework. Version: 3.3.2

You can find the specific version of each dependency in the package.json file. If you want to modify these dependencies further, make sure to update the version numbers accordingly in your package.json file and then run npm install to update the project's dependencies accordingly.

Feel free to use this Boiler Plate and adjust the dependencies as needed for your specific project requirements.