Overview
This is a Next.js project that has been initialized using create-next-app. It provides instructions on setting up and running the development server, editing the page, optimizing and loading custom Google Font, and deploying the app on Vercel. The project also offers resources to learn more about Next.js.
Features
- Next.js Project: Bootstrap with create-next-app
- Development Server: Run the server on http://localhost:3000
- Editing: Modify app/page.tsx to see auto-updates
- Font Optimization: Uses next/font to load custom Google Font
- Learning Resources: Next.js Documentation, Interactive tutorial, GitHub repository
- Deployment: Guide to deploying the app on Vercel platform
Installation
To set up this Next.js project, follow these steps:
- Install Next.js by running
npm install next react react-dom
- Create a new Next.js project using
npx create-next-app my-next-app
- Navigate to the project directory and start the development server with
npm run dev
- Open your browser and visit http://localhost:3000 to view the project
Summary
The Next.js project initialized with create-next-app provides a straightforward way to set up and run a development server, edit pages, optimize font loading, and deploy apps. It offers learning resources for further understanding of Next.js and guides on deploying the app using the Vercel platform.