Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/laurabeatris/next-motion
page transitions with nextjs and framer motion api
https://github.com/laurabeatris/next-motion
css framer-motion javascript nextjs react zeit
Last synced: 12 days ago
JSON representation
page transitions with nextjs and framer motion api
- Host: GitHub
- URL: https://github.com/laurabeatris/next-motion
- Owner: LauraBeatris
- Created: 2020-02-19T01:25:32.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-03-02T17:29:04.000Z (over 1 year ago)
- Last Synced: 2024-10-11T10:48:32.366Z (28 days ago)
- Topics: css, framer-motion, javascript, nextjs, react, zeit
- Language: JavaScript
- Homepage: https://nextjs-page-transitions.now.sh/
- Size: 1.95 MB
- Stars: 30
- Watchers: 2
- Forks: 0
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
NextJS Application with Framer Motion Page Transitions
About the project |
Installation |
Deploy |
Live Version
## :rocket: About the project
The goal of this project was to learn how to use the Framer Motion API with a Server Side Rendering Framework like NextJS.
Also, i created a [custom api](https://github.com/LauraBeatris/starbucks-server) to retrieve Starbucks Drinks data with [My Json Server](https://my-json-server.typicode.com/)
## :runner: Installation
```
// 1 - Git Clone
// 2 - Installing the dependencies
yarn install
// 3 - Run the application in the development mode
yarn dev
```
## :hammer: Deploy
[Zeit](https://zeit.co/) provides a easy way to deploy NextJS applications. First of all, you need to install the commands provided by the [Now CLI](https://zeit.co/download) and then run the ``` now ``` command
---
If you have some problem with the application, don't be afraid to contribute sending a issue/pull request, i'll be happy to help. 😃
Made with ♥ by Laura :wave: [See my linkedin!](https://www.linkedin.com/in/laurabeatris/)