This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
-
Configure the top-level
parserOptions
property like this:export default { // other rules... parserOptions: { ecmaVersion: 'latest', sourceType: 'module', project: ['./tsconfig.json', './tsconfig.node.json'], tsconfigRootDir: __dirname, }, }
-
Replace
plugin:@typescript-eslint/recommended
toplugin:@typescript-eslint/recommended-type-checked
orplugin:@typescript-eslint/strict-type-checked
-
Optionally add
plugin:@typescript-eslint/stylistic-type-checked
-
Install eslint-plugin-react and add
plugin:react/recommended
&plugin:react/jsx-runtime
to theextends
list
To build the website locally, follow these steps:
-
Clone the repository and retrieve data from infra-statistics:
git clone https://github.com/jenkins-infra/stats.jenkins.io.git cd stats.jenkins.io ./retrieve-infra-statistics-data.sh
-
Install dependencies:
npm install
-
Run the development server:
npm run dev
This will start the development server and open the website in your default browser. Any changes you make to the code will be automatically reflected in the browser thanks to Vite's HMR.
-
Build for production:
npm run build
This will create an optimized production build of your application in the
dist
directory. -
Preview the build locally:
After building the site, you can preview it locally to ensure everything is working as expected. Run the following command:
npm run preview
This will start a local static web server that serves the files from the
dist
directory. Open your browser and navigate to the provided URL to see the preview.
For additional inspiration and detailed instructions, refer to the following documentation and resources: