Ansopedia is an open-source learning platform that empowers you to explore diverse educational content. Access a vast repository of knowledge, including: posts, forums, quizzes, personalized experience, blog, leaderboard, school, college & university details, etc
3
stars
5
forks
source link
Initial Setup: ESLint, Husky, Prettier, Sass, and State Management (@legendapp/state) #2
This is the first task for setting up a new Next.js project. It involves installing and configuring various tools for code linting, formatting, pre-commit hooks, styling, and state management.
Tasks:
Linting and Formatting:
Install ESLint and Prettier.
Configure ESLint with a recommended preset (e.g., eslint-config-airbnb) and adjust rules as needed.
Integrate Prettier with ESLint to ensure consistent formatting.
Pre-commit Hooks:
Install Husky to manage pre-commit hooks.
Set up pre-commit hooks to run ESLint and Prettier before commits.
Styling:
Install Sass for preprocessor-based styling.
Configure Sass to compile SCSS files into CSS.
State Management:
Install @legendapp/state for state management.
Provide basic configuration for using @legendapp/state within the project.
Expected Outcome:
Code linting and formatting happen automatically before commits.
Developers can write SCSS for styling.
State management is set up using @legendapp/state.
Additional Information:
Next.js version: 14.1.4 (or specify the version used)
Package manager: pnpm (or specify the one used)
This initial setup will improve code quality, maintain consistency, and streamline development workflow for the Ansopedia web-app project.
Description
This is the first task for setting up a new Next.js project. It involves installing and configuring various tools for code linting, formatting, pre-commit hooks, styling, and state management.
Tasks:
eslint-config-airbnb
) and adjust rules as needed.@legendapp/state
for state management.@legendapp/state
within the project.Expected Outcome:
@legendapp/state
.Additional Information:
This initial setup will improve code quality, maintain consistency, and streamline development workflow for the Ansopedia web-app project.