Skip to content
Submitted over 1 year ago

QR Code Component using basic HTML/CSS and Next

next
LVL 1
@RichardZhang01
A solution to the QR code component challenge

Solution retrospective


What are you most proud of, and what would you do differently next time?

I'm happy with the overall outcome of the component. However, I would like to modularize the component for plug-and-playability.

What challenges did you encounter, and how did you overcome them?

I ran into issues with hosting the next app on GitHub pages, so I converted the next page into a basic HTML page instead. Given more time, I would fix the issues interfering with deployment.

What specific areas of your project would you like help with?

Regarding hosting a static next.js page on GitHub, I read that you need to add prefixes and modify the next.config file so that when it is on GitHub pages, the imports look in the correct location. However, when I tried this, some of the imports were working correctly on GitHub pages but caused my app to not load in development (since the imports were modified). How would I reconcile this, where I want the app to both work during local development and be correctly displayed on GitHub pages?

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Richard Zhang’s solution.

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