- live preview link : https://url-shortening-api-using-next-js.vercel.app/
This is a Next.js project bootstrapped with create-next-app
.
First, run the development server:
npm run dev
# or
yarn 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.
The designs were created to the following widths:
- Mobile: 375px
- Desktop: 1440px
--Cyan: hsl(180, 66%, 49%); --Dark Violet: hsl(257, 27%, 26%);
--Red: hsl(0, 87%, 67%);
--Gray: hsl(0, 0%, 75%); --Grayish Violet: hsl(257, 7%, 63%); --Very Dark Blue: hsl(255, 11%, 22%); --Very Dark Violet: hsl(260, 8%, 14%);
- Font size: 18px
- Family: Poppins
- Weights: 500, 700