Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

URL shortening API landing page with NextJS

@unteacatalin

Desktop design screenshot for the URL shortening API landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi, This solution is developed in NextJS with Material-UI and JSS for CSS. In order to persist the list of shortened links I used cookies. The cookies will expire after 5 minutes. I integrated the external API (i.e. https://app.shrtco.de/) using an API routing in NextJS, so this solution uses both server side rendering and client side rendering. Using Material-UI JSS is challenging. JSS has advantages and disadvantages. Maybe I should explore Tailwind CSS as an alternative. Any feedback is welcome! Thank you!

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord