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: 3 months 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 (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-11T00:09:09.000Z (almost 2 years ago)
- Last Synced: 2025-04-13T16:46:08.733Z (about 1 year 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`.