next-animations

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

Custom Routes, api and forms generation

To create new route use npm next-create-route route-name, it will generate folder with all files initialized with simple data corresponding to their functions

To create new api use npm next-create-api api-name, it will generate folder with put, post, and get api file named {api-name}

To create new form use npm next-create-form form-name, it will generate form file inside /components/form folder named {form-name}, it will contain simple form including yup and all types of simple inputs connected to react hook form via controllers

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Installed packages

Template includes packages:

"@emotion/cache": "^11.14.0",
"@emotion/react": "^11.14.0",
"@emotion/styled": "^11.14.1",
"@fontsource/roboto": "^5.2.6",
"@hookform/resolvers": "^5.1.1",
"@mui/icons-material": "^7.2.0",
"@mui/material": "^7.2.0",
"@mui/material-nextjs": "^7.2.0",
"@mui/styled-engine-sc": "^7.2.0",
"@reduxjs/toolkit": "^2.8.2",
"next": "15.4.1",
"react": "19.1.0",
"react-dom": "19.1.0",
"react-hook-form": "^7.60.0",
"react-redux": "^9.2.0",
"styled-components": "^6.1.19",
"yup": "^1.6.1"

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.