Git Product home page Git Product logo

nextjs-tailwind-starter's Introduction

IT Crowd - Next.JS + TS + Tailwind Starter

๐Ÿš€ Project Setup

Development and Production Builds

As a first step, install the project dependencies:

npm install

To start the project in development mode, execute the following command:

npm run dev

To build for production, run:

npm run build

This command will generate optimized and minified production-ready code.

If you want to test the production build locally you can do so running

npm run build
npm run start

๐Ÿงน Linting and Formatting

This project is using ESLint rules for linting and Prettier for code formatting. These tools are common standards for front-end development.

If you want to manually trigger project-wide linting from the command line, you can execute the following command:

npm run lint

Likewise, for code formatting, you can execute:

npm run format

There are also commands available to automatically fix linting and formatting issues when possible:

npm run lint:fix
npm run format:fix

If you are working with Visual Studio Code please install the ESLint Extension and the Prettier Extension. This extensions will read the configuration files for this tools and display warnings and errors in your code. To install both in one go search for "@recommended" in the Extensions search-box and install all the recommended ones under the Workspace Recommendations section.

โš ๏ธ Please ensure that your ESLint and Prettier configurations are set up correctly before starting to work on the codebase. If you encounter any difficulties, don't hesitate to seek assistance from a team member. This is important to avoid unintended changes being committed to the codebase.

โœ… Pre-commit and pre-push hooks with Husky

Husky is utilized in the project to enforce pre-commit and pre-push hooks, which are instrumental in maintaining code integrity and preventing build failures.

  • Pre-Commit Script: Triggers code checks and validations before each commit, ensuring that only clean and compliant code is committed. At this stage, code will be linted with ESLint and auto-formatted with Prettier.
  • Pre-Push Script: Executes additional checks and tests before pushing code to the repository, minimizing the risk of pushing flawed code that could disrupt the build or compromise the repository's integrity. This script runs before your git push to build the application locally and prevent future build failures in different environments.

โš ๏ธ Both scripts notice if something is wrong. In any problems arise you should fix the problem and run git commit/git push commands again. When your corrections have passed the commit and push are completed.

๐Ÿ™‹ Need Assistance?

If you encounter any issues with the instructions mentioned above, don't hesitate to reach out to the developer who set up the application. He or she will be able to provide the necessary assistance to help resolve any problems you may face. Rest assured that they are well-equipped to assist you and help overcome any obstacles you may encounter.

nextjs-tailwind-starter's People

Contributors

lhanc-itcrowd avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.