npm install
VITE_API_URL = 'https://api.openweathermap.org/data/2.5'
VITE_API_KEY = 'a8fdbcd95d55270f33d47c44f5206a31'
VITE_ICON_URL = 'https://openweathermap.org/img/w'
npm run dev
npm run build
npm run test
Next Generation Frontend Tooling
On demand file serving over native ESM, no bundling required!
Hot Module Replacement (HMR) that stays fast regardless of app size.
Out-of-the-box support for TypeScript, JSX, CSS and more.
Pre-configured Rollup build with multi-page and library mode support.
Rollup-superset plugin interface shared between dev and build.
Flexible programmatic APIs with full TypeScript typing.
With just one single line of code, you can simplify the logic of data fetching in your project, and also have all these amazing features out-of-the-box:
- Fast, lightweight and reusable data fetching
- Built-in cache and request deduplication
- Real-time experience
- Transport and protocol agnostic
- SSR / ISR / SSG support
- TypeScript ready
- React Native
SWR has you covered in all aspects of speed, correctness, and stability to help you build better experiences:
- Fast page navigation
- Polling on interval
- Data dependency
- Revalidation on focus
- Revalidation on network recovery
- Local mutation (Optimistic UI)
- Smart error retry
- Pagination and scroll position recovery
- React Suspense
Tailwind CSS works by scanning all of your HTML files, JavaScript components, and any other templates for class names, generating the corresponding styles and then writing them to a static CSS file.
It's fast, flexible, and reliable — with zero-runtime.here