First, install the required dependencies:
npm install
Next, open .env.local
and enter the required variables:
#Required for AUTH0
AUTH0_SECRET=
AUTH0_BASE_URL=
AUTH0_ISSUER_BASE_URL=
AUTH0_CLIENT_ID=
AUTH0_CLIENT_SECRET=
#Required for MongoDB
MONGODB_URI=
#Required for Redis
REDIS_URL="
Application will not function properly beyond the index page without connecting to MongoDB and Auth0
Once connected application can be started with:
npm run dev
Then Application can be opened a browser at http://localhost:3000/
- Framework - Next.js
- Database - MongoDB Atlas
- State Mangement - React.js
- User Authetication - Auth0
- Basic Analytics - Serverless Redis with Upstash to store number of link clicks and page views
- Expanded User Customization - including, but not limited to, custom page themes, social icons and more
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.
To learn more about MongoDB, visit the following pages:
To learn more about Auth0, visit the following pages:
To learn more about Redis and serverless Redis with Upstash, visit the following pages:
Check out our live demo at http://cloud-one-link.vercel.app/