GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → LauraBeatris → next-motion

LauraBeatris / next-motion

Licence: other
page transitions with nextjs and framer motion api

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Labels

reactcssnextjszeitframer-motion

Projects that are alternatives of or similar to next-motion

Swr
React Hooks for data fetching
Stars: ✭ 20,348 (+81292%)
Mutual labels:  nextjs, zeit
Covid19 Brazil Api
API com dados atualizados sobre o status do COVID-19 🦠
Stars: ✭ 300 (+1100%)
Mutual labels:  nextjs, zeit
devdevdev
The next trendy apparel e-commerce store maybe?
Stars: ✭ 27 (+8%)
Mutual labels:  nextjs, zeit
adeolaadeoti-v2
The second iteration of my portfolio
Stars: ✭ 67 (+168%)
Mutual labels:  nextjs, framer-motion
Ran
⚡ RAN! React . GraphQL . Next.js Toolkit ⚡ - SEO-Ready, Production-Ready, SSR, Hot-Reload, CSS-in-JS, Caching, CLI commands and more...
Stars: ✭ 2,128 (+8412%)
Mutual labels:  nextjs, zeit
Nookies
🍪 A set of cookie helpers for Next.js
Stars: ✭ 1,035 (+4040%)
Mutual labels:  nextjs, zeit
server-authentication-next.js
No description or website provided.
Stars: ✭ 103 (+312%)
Mutual labels:  nextjs, zeit
now-course
Proyecto para el curso de Now.sh en Platzi
Stars: ✭ 19 (-24%)
Mutual labels:  nextjs, zeit
Nextjs Vercel Firebase
Next.js app using API routes to connect with Firestore.
Stars: ✭ 133 (+432%)
Mutual labels:  nextjs, zeit
Next Advanced Apollo Starter
Advanced, but minimalistic Next.js pre-configured starter with focus on DX
Stars: ✭ 131 (+424%)
Mutual labels:  nextjs, zeit
Next Build Id
Easily set your `next build` BUILD_ID to the latest git commit hash
Stars: ✭ 203 (+712%)
Mutual labels:  nextjs, zeit
Next Go
Production ready blog + boilerplate for Next.js 3.X
Stars: ✭ 254 (+916%)
Mutual labels:  nextjs, zeit
gbkel-portfolio
💎 My personal website that's mainly powered by Next.js, my own style guide and a lot of other technologies.
Stars: ✭ 12 (-52%)
Mutual labels:  nextjs
monorepo-typescript-next-the-sane-way
A monorepo example using TypeScript and Next.js
Stars: ✭ 104 (+316%)
Mutual labels:  nextjs
node-blog-app
🌐 A node+espress+mongoose+react+nextjs blog
Stars: ✭ 12 (-52%)
Mutual labels:  nextjs
theodorusclarence.com
💠 Personal website and blog made using Next.js, TypeScript, Tailwind CSS, MDX Bundler, FaunaDB, and Preact.
Stars: ✭ 205 (+720%)
Mutual labels:  nextjs
next-mdx-digital-garden-starter
An opinionated starting point for Digital Garden content authoring.
Stars: ✭ 50 (+100%)
Mutual labels:  nextjs
nextjs-baseweb
Slightly opinionated scaffold of Next.js and Base Web.
Stars: ✭ 46 (+84%)
Mutual labels:  nextjs
react-ant-mobile
react+ant-mobile+Next.js 脚手架
Stars: ✭ 22 (-12%)
Mutual labels:  nextjs
portfolio
My personal portfolio website, proudly built with Next.js, TypeScript and Tailwind
Stars: ✭ 165 (+560%)
Mutual labels:  nextjs
View All Similar Projects ➔

Next Motion

NextJS Application with Framer Motion Page Transitions

GitHub language count Made by Laura Beatris Stargazers

About the project   |    Installation   |    Deploy   |    Live Version   


drinks-list

product-view


🚀 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 to retrieve Starbucks Drinks data with My Json Server

🏃 Installation

  // 1 - Git Clone
          
  // 2 - Installing the dependencies
  yarn install
  
  // 3 - Run the application in the development mode 
  yarn dev

🔨 Deploy

Zeit provides a easy way to deploy NextJS applications. First of all, you need to install the commands provided by the Now CLI 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 👋 See my linkedin!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].