Skip to content

🖤 Photo portfolio gallery using Nuxt 3 combined with GSAP for smooth animations and Lenis for seamless scrolling experiences

Notifications You must be signed in to change notification settings

artemshchirov/nadia-websito

Repository files navigation

PHOTO PORTFOLIO GALLERY

  • NUXT Version 3 💚
  • GSAP Classes Setup 🧩
  • LENIS native smooth scroll 🏄
  • SASS 7-1 Architecture 🛠️

Look at the Nuxt 3 documentation to learn more.

TODO

  • Grid Setup
  • Header
  • Hero
  • About
  • Images 1
  • Pricing
  • Images 2
  • Reviews
  • Images 3
  • FAQ
  • Footer
  • Nav menu
  • Buttons and links transitions
  • Get minimal image sizes from ImageKit
  • PageSpeed Insights / Lighthouse optimizations
  • [ ]

Setup

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

Check out the deployment documentation for more information.

About

🖤 Photo portfolio gallery using Nuxt 3 combined with GSAP for smooth animations and Lenis for seamless scrolling experiences

Topics

Resources

Stars

Watchers

Forks