Submitted about 1 year ago

Bookmark landing page Solution

Sean Hill• 200

@seanhillweb

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Bookmark landing page

HTML
CSS
JS

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hello Frontend Mentor Community,

This is my solution for the Bookmark Landing Page. I am a free user, and do not have access to the design files from the Pro version. I built this app using React, Next.js, TailwindCSS, React Hook Forms, and Headless UI.

Difficulties Encountered:

SVGs as Components and Assets: I was unable to configure SVG support as both Components and Assets. I followed instructions from here but kept receiving build errors.

Questions:

Has anyone added SVGR support for Next.js projects? What does your configuration look like?

Technologies Used:

React
React Hook Forms
Next.js
TailwindCSS
Headless UI

Community feedback

Please log in to post a comment

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