This project is deployed and can be accessed at Deployment Link.
The app might run slow on the first load as it is deployed on a free plan.
To get started, just clone the repository and run npm install
:
git clone https://github.com/mastermanav09/ClassZone.git
npm install
## Dependencies
MongoDB is used as the database for storing and retrieving data.
Cloudinary is used for managing and serving media assets such as images and files.
Used for Authentication.
To run this project locally, you need to set up MongoDB, Cloudinary and Google O-Auth and provide the necessary API keys.
- Install MongoDB on your machine.
- Create a new MongoDB database for this project.
- Create your credentials here Google API.
- Sign up for a Cloudinary account.
- Obtain your Cloudinary API key, API secret, and cloud name.
- Create a
.env
file in the project root and add the following information:
MONGODB_URI=your_mongodb_connection_string
GOOGLE_ID=your_google_auth_id
GOOGLE_SECRET=your_google_auth_secret
SECRET=your_jwt_secret
NEXTAUTH_URL=your_base_url
NEXT_PUBLIC_NEXTAUTH_URL=your_base_url
NEXTAUTH_SECRET=your_next_auth_secret
CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name
CLOUDINARY_API_KEY=your_cloudinary_api_key
CLOUDINARY_SECRET=your_cloudinary_api_secret
CLOUDINARY_UPLOAD_PRESET=your_cloudinary_upload_preset
CLOUDINARY_URL=cloudinary://my_key:my_secret@my_cloud_name
UPLOAD_CLOUDINARY_URL=https://api.cloudinary.com/v1_1/${my_cloud_name}/upload
npm run dev
# or
yarn dev
# or
pnpm dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js
. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js
.
The pages/api
directory is mapped to /api/*
. Files in this directory are treated as API routes instead of React pages.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
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.