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: styled-components
- 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 DB 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 DB 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!