A minimal React + Vite web application template named Webku, featuring fast refresh, ESLint integration, and ready-to-use scripts for development and production.
-
React 19 with Vite for fast Hot Module Replacement (HMR)
-
ESLint configured for JavaScript (or TypeScript if you opt in)
-
Pre-configured plugins:
@vitejs/plugin-react(Babel Fast Refresh)@vitejs/plugin-react-swc(SWC Fast Refresh)
Make sure you have the following installed:
-
Clone the repository
git clone https://github.com/fadlytanjung/webku.git cd webku -
Install dependencies
Using npm:
npm install
Or using yarn:
yarn install
In the project directory, you can run:
Starts the development server with HMR at http://localhost:3000 (default).
Bundles the app for production into the dist folder.
Locally serves the production build from dist (requires npm install -g serve or use npx serve).
Runs ESLint across the src directory and reports any issues.
/webku
├── dist/ # Production build output
├── node_modules/ # Project dependencies
├── public/ # Static assets (e.g., index.html, icons)
├── src/
│ ├── assets/ # Image and style assets
│ ├── components/ # Reusable React components
│ ├── App.jsx # Root React component
│ └── main.jsx # Application entry point
├── .eslintrc.cjs # ESLint configuration
├── vite.config.js # Vite configuration
├── package.json # Project metadata and scripts
└── README.md # This file
-
Start development
npm run dev
-
Open your browser and navigate to
http://localhost:3000. -
Edit the source files in
src/and see live updates.
You can deploy the dist folder to any static hosting provider, such as:
Contributions are welcome! Please open an issue or submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.