To set up and run this Next.js application locally, follow these steps:
-
Clone this repository to your local machine:
git clone https://github.com/AkritW/walrusso -
Navigate to the project directory:
cd nextjs-app -
Install the dependencies:
pnpm install -
Start the development server:
pnpm run devThis will start the Next.js development server and your application will be accessible at http://localhost:3000.
-
Open your web browser and visit http://localhost:3000 to see the application in action.
The project structure of this Next.js application is as follows:
nextjs-app/
|- pages/
| |- index.js
|- public/
| |- favicon.ico
|- styles/
| |- globals.css
|- .gitignore
|- next.config.js
|- package.json
|- README.md
-
pages/: This directory contains the pages of your application. Each file in this directory represents a route. For example,index.jscorresponds to the root route. -
public/: This directory is used to store static assets like images, fonts, etc. Thefavicon.icofile is a default favicon for your application. -
styles/: This directory is used to store global stylesheets. Theglobals.cssfile contains global CSS styles that apply to the entire application. -
.gitignore: This file specifies which files and directories should be ignored by Git version control. -
next.config.js: This file allows you to customize the Next.js configuration for your application. -
package.json: This file contains the project's dependencies and scripts.
To learn more about Next.js and how to build powerful web applications, check out the Next.js documentation.