Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/regenrek/weather-forecast-nuxt3
🌤️ weather forecast app written with nuxt3, tailwindcss, leaflet, openweathermap, maptiler🌤️
https://github.com/regenrek/weather-forecast-nuxt3
leaflet maptiler nuxt nuxt3 openweathermap tailwindcss vue vue3
Last synced: 3 days ago
JSON representation
🌤️ weather forecast app written with nuxt3, tailwindcss, leaflet, openweathermap, maptiler🌤️
- Host: GitHub
- URL: https://github.com/regenrek/weather-forecast-nuxt3
- Owner: regenrek
- Created: 2024-09-13T11:13:12.000Z (14 days ago)
- Default Branch: main
- Last Pushed: 2024-09-15T06:01:46.000Z (12 days ago)
- Last Synced: 2024-09-16T01:20:00.341Z (12 days ago)
- Topics: leaflet, maptiler, nuxt, nuxt3, openweathermap, tailwindcss, vue, vue3
- Language: TypeScript
- Homepage: https://ventus-psi.vercel.app
- Size: 686 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather Forecast Nuxt4
Welcome to the Nuxt 4 Starter project! This starter template is designed to help you quickly set up a Nuxt 4 application with essential features and best practices.
## Features
- **Nuxt 3 (Compatibility Mode)**: Leverage the power of Nuxt 3 while maintaining compatibility with Nuxt 4.
- **Nuxt UI**: Utilize Nuxt UI components for a seamless development experience.
- **Tailwind CSS**: Style your application with the utility-first CSS framework.
- **Nuxt Content**: Manage your content with ease using Nuxt Content.
- **Custom Fonts**: Easily integrate custom fonts into your project.
- **Optimized Images**: Use WebP format and lazy loading for better performance.
- **nuxt-og-image**: Generate Open Graph images dynamically.## Installation
To get started, clone the repository and install the dependencies:
```bash
pnpm install
```## Usage
### Development
Run the development server:
```bash
pnpm run dev
```### Build
Build the application for production:
```bash
pnpm run build
```## Configuration
### Custom Fonts
Add your custom fonts in the `assets` directory and configure them in your `tailwind.config.js`:
```javascript:tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
custom: ['YourCustomFont', 'sans-serif'],
},
},
},
};
```### Optimized Images
Use WebP format and lazy loading for images. Example:
```html
```## Links to Packages
- [Nuxt 3](https://nuxt.com/)
- [Nuxt UI](https://ui.nuxtjs.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Nuxt Content](https://content.nuxtjs.org/)
- [nuxt-og-image](https://github.com/nuxt-community/nuxt-og-image)## License
This project is licensed under the MIT License.
## Follow Me
Follow me on X [@kregenrek](https://x.com/kregenrek)
# weather-forecast-nuxt3