Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ivodolenc/nuxt-locomotive
Starter template for parallax effects & smooth scrolling experience.
https://github.com/ivodolenc/nuxt-locomotive
boilerplate locomotive locomotive-scroll nuxt nuxt-boilerplate nuxt-locomotive nuxt-locomotive-scroll nuxt-smooth-scroll nuxt-template smooth-scroll template
Last synced: 18 days ago
JSON representation
Starter template for parallax effects & smooth scrolling experience.
- Host: GitHub
- URL: https://github.com/ivodolenc/nuxt-locomotive
- Owner: ivodolenc
- License: mit
- Created: 2021-09-23T17:05:11.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2022-09-13T11:35:01.000Z (about 2 years ago)
- Last Synced: 2024-10-11T16:41:57.337Z (about 1 month ago)
- Topics: boilerplate, locomotive, locomotive-scroll, nuxt, nuxt-boilerplate, nuxt-locomotive, nuxt-locomotive-scroll, nuxt-smooth-scroll, nuxt-template, smooth-scroll, template
- Language: Vue
- Homepage: https://nuxt-locomotive.netlify.app/
- Size: 9.46 MB
- Stars: 66
- Watchers: 2
- Forks: 8
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
Nuxt + Locomotive Scroll
Starter template for parallax effects & smooth scrolling experience. Empower your Nuxt project in no time.
See it in action → LIVE DEMO
## What's included
Boilerplate provides many pre-configured modules such as
- [Locomotive Scroll](https://github.com/locomotivemtl/locomotive-scroll) → A smooth-scroll library with powerfull built-in solutions
- [GSAP](https://github.com/ivodolenc/nuxt-gsap-module) → Professional-grade animation for the modern web
- [Tailwind CSS](https://github.com/tailwindlabs/tailwindcss) → A utility-first CSS framework for rapid UI development
- [LazySizes](https://github.com/ivodolenc/nuxt-lazysizes) → High performance and SEO friendly lazy loader for images
- [PWA module](https://github.com/nuxt-community/pwa-module) → Zero config PWA solution for Nuxt.js
- [Font Loader](https://github.com/ivodolenc/nuxt-font-loader) → Simple, modern and lightweight font loader for Nuxt projects
- and more...
## Quick Start
1. Clone this repo to your working directory:
```sh
$ git clone https://github.com/ivodolenc/nuxt-locomotive.git
```
2. Move to the project directory:
```sh
$ cd
```
3. Install all dependencies:
```sh
$ yarn # or npm install
```
## Build Setup
Start the local `dev` server:
```sh
$ yarn dev # or npm run dev
```
## Static Deployment
Nuxt.js will create a `dist/` directory with everything inside ready to be deployed on a static hosting service.
Generate your static application:
```sh
$ yarn generate # or npm run generate
```
Once your application is built you can use the `start` command to see a production version of your application.
Serve the generated static application from a `dist/` directory:
```sh
$ yarn start # or npm run start
```
This is useful for final testing before deploying.
## Related
[Nuxt Static Boilerplate](https://github.com/ivodolenc/nuxt-static-boilerplate) → A well-organized Nuxt template for creating fast static applications.
## License
**Locomotive Scroll**
[MIT License](https://github.com/locomotivemtl/locomotive-scroll/blob/master/LICENSE)
Copyright (c) Locomotive
**Nuxt + Locomotive**
[MIT License](LICENSE)
Copyright (c) Ivo Dolenc