MotionVariants

Theme by Chrisabdo

|

Updated: 26 Jul 2023

|

971 Stars

A collection of handmade Framer Motion variants made for your next project.

Categories

Overview

This is a Next.js project created with create-next-app. The project provides instructions on running the development server, editing pages, and using custom Google Font with next/font for optimization.

Features

• Next.js Project: Created with create-next-app.
• Development Server: Easy setup with the ability to view the result in the browser.
• Page Editing: Instant updates on editing the pages.
• Custom Font Optimization: Utilizes next/font to optimize and load custom Google Font.

Installation

To install the Next.js project, follow these steps:

1. Run the development server:

   npm run dev
   

2. Open http://localhost:3000 in your browser to view the result.
3. Modify the app/page.tsx file to edit the page content.
4. For custom font optimization, follow the instructions provided by next/font.

Summary

The Next.js project bootstrapped with create-next-app offers an easy setup for development, instant updates on page editing, and optimizing custom font loading. By following the provided instructions, users can quickly get started with their Next.js projects using this template.