theogainey / cloud-one-link

Web app that allows users to create and deploy a web page that organizes many links onto one page

Getting Started

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/

Project Structure

• 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

Next Steps

• Expanded User Customization - including, but not limited to, custom page themes, social icons and more

Learn 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:

• MongoDB Atlas
• MongoDB Documentation

To learn more about Auth0, visit the following pages:

• Auth0
• Auth0 Next.js SDK

To learn more about Redis and serverless Redis with Upstash, visit the following pages:

• Redis
• Upstash

Live Demo

Check out our live demo at http://cloud-one-link.vercel.app/