OnURL

OnURL is a URL shortener which makes it easy to shorten and share your short URLs.
Live site on Vercel is here.

Stack

• Framework: Next.js
• UI Components: Material-UI
• Styling: Emotion
• Forms: Formik
• Form Validations: Yup
• Icons: Material Icons
• Social Media Share Buttons: react-share
• SEO: Next SEO
• Database: MongoDB
• ODM: Mongoose
• Illustrations: unDraw
• Linting: ESLint
• Code Formatting: Prettier

Development

First, you need to set a MongoDB connection string for DATABASE_URL in .env.development.
To run it in development mode:

npm install

npm run dev

Vercel Deployment

First, you need to set a MongoDB connection string for DATABASE_URL in .env.production.
Vercel's Now is one of the simplest deployment options ever. Deploying a Next.js App guide is just what you would need. I just downloaded the official cli and run vercel. That's it!