ivodolenc / nuxt-locomotive

Starter template for parallax effects & smooth scrolling experience.

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 → A smooth-scroll library with powerfull built-in solutions
• GSAP → Professional-grade animation for the modern web
• Tailwind CSS → A utility-first CSS framework for rapid UI development
• LazySizes → High performance and SEO friendly lazy loader for images
• PWA module → Zero config PWA solution for Nuxt.js
• Font Loader → Simple, modern and lightweight font loader for Nuxt projects
• and more...

Quick Start

1. Clone this repo to your working directory:

$ git clone https://github.com/ivodolenc/nuxt-locomotive.git <project-name>

2. Move to the project directory:

$ cd <project-name>

3. Install all dependencies:

$ yarn # or npm install

Build Setup

Start the local dev server:

$ 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:

$ 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:

$ yarn start # or npm run start

This is useful for final testing before deploying.

Related

Nuxt Static Boilerplate → A well-organized Nuxt template for creating fast static applications.

License

Locomotive Scroll

MIT License

Copyright (c) Locomotive

Nuxt + Locomotive

MIT License

Copyright (c) Ivo Dolenc