leongkui · February 27, 2025 06:30
diff --git a/Next.js setup b/Next.js setup
 nvm current > .nvmrc
 yarn dlx @yarnpkg/sdks vscode
 yarn add --dev eslint-config-airbnb eslint-config-airbnb-typescript eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks @typescript-eslint/eslint-plugin @typescript-eslint/parser husky lint-staged @next/eslint-plugin-next @tailwindcss/postcss postcss autoprefixer yarn-upgrade-all
 yarn yarn-upgrade-all


 Prompt for Aider:


 This is a frontend repo, scaffolded with Next.JS (page router), with typescript, eslint, tailwindcss support.  It is using `yarn` as package manager.
 add ESLint with Airbnb ruleset, add prettifier, update package.json to add `lint` command for `yarn lint`, and improve `lint` command to include eslint linting and prettifier formatting
 exclude *.mjs *.cjs from eslint and prettifier linting
 disable `react/jsx-props-no-spreading` eslint rule

 The objective is to create a WebApp that will provide AI chat.  Design the frontend architecture that will properly componentized following React/Next.js component pattern.  The FE will communicate with the AI bot in the backend through Websocket.  Start building a simple chat interface with dummy websocket component first.
	nvm current > .nvmrc
	yarn dlx @yarnpkg/sdks vscode
	yarn add --dev eslint-config-airbnb eslint-config-airbnb-typescript eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks @typescript-eslint/eslint-plugin @typescript-eslint/parser husky lint-staged @next/eslint-plugin-next @tailwindcss/postcss postcss autoprefixer yarn-upgrade-all
	yarn yarn-upgrade-all


	Prompt for Aider:


	This is a frontend repo, scaffolded with Next.JS (page router), with typescript, eslint, tailwindcss support. It is using `yarn` as package manager.
	add ESLint with Airbnb ruleset, add prettifier, update package.json to add `lint` command for `yarn lint`, and improve `lint` command to include eslint linting and prettifier formatting
	exclude .mjs .cjs from eslint and prettifier linting
	disable `react/jsx-props-no-spreading` eslint rule

	The objective is to create a WebApp that will provide AI chat. Design the frontend architecture that will properly componentized following React/Next.js component pattern. The FE will communicate with the AI bot in the backend through Websocket. Start building a simple chat interface with dummy websocket component first.