https://github.com/cesarolvr/slider-nextjs-gsap-app

A 🛷 slider component using NextJS + 🥦 GSAP Timeline: https://xyzphotography.vercel.app
https://github.com/cesarolvr/slider-nextjs-gsap-app

classnames framer-motion gsap nextjs scrolltrigger styled-components typescript vercel

Last synced: 8 days ago
JSON representation

A 🛷 slider component using NextJS + 🥦 GSAP Timeline: https://xyzphotography.vercel.app

• Host: GitHub
• URL: https://github.com/cesarolvr/slider-nextjs-gsap-app
• Owner: cesarolvr
• Created: 2024-04-19T21:46:06.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-07-11T00:09:09.000Z (4 months ago)
• Last Synced: 2024-07-11T02:39:28.661Z (4 months ago)
• Topics: classnames, framer-motion, gsap, nextjs, scrolltrigger, styled-components, typescript, vercel
• Language: TypeScript
• Homepage: https://xyzphotography.vercel.app
• Size: 5.34 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

## 📸 xyzphotography

This challenge consists of a page with 1 major component: A kind of Slider/Carousel to show some arts (photographs).

### Demo

[xyzphotography.vercel.app](https://xyzphotography.vercel.app/)

### What was used

- **React**

- **NextJS**

- **TypeScript**

- **Classnames**

- **Framer Motion**

- **GSAP**

- **Styled Components**

- **Vercel**

### Getting started

**Run:**

```javascript

yarn

yarn dev

```

This will start application in development mode.

**Build and serve:**

```javascript

yarn build

yarn start

```

This will generate static files and serve in a local server.

**How to deploy new version:**

Just run `vercel deploy`.