Hey everyone ! This is my first Guru challenge and It's a little bit different from the original design, For example I completely changed the desktop hero section and I created a sidebar for the cart, which was supposed to be a modal.
I also decided to use more reddish color as the primary color, The original orange color didn't look alive enough to me 😁
I'm open to feedbacks and let me know of your thoughts about this solution. Thanks in advance
@chukwudobe-Micah
Posted
I noticed you use blurred photos a lot, so when they're viewed you change to the original photo which helps performance. How do you get the blurred photos?
@Yazdun
Posted
@chukwudobe-Micah It's handled by NextJs Image component
@codejohnson89
Posted
I just finished this challenge and saw yours and man this is DOPE!!!!!! Great job!!!!!
@Yazdun
Posted
@codejohnson89 Thank you 🥰
@jNembhard
Posted
This is good! I also did NOT know you could add an @ symbol to point directly to folders instead of writing out the entire file path when importing files...brb need to make some updates haha.
@Yazdun
Posted
@jNembhard Thanks ! That's highly recommended by Vercel to use absolute Imports and module path aliases , you just need to configure your config file and your are good to go ! This also makes writing unit tests much much easier
@jNembhard
Posted
@Yazdun Gotcha, yea I just fixed all my file paths and will definitely use that method in the future!
@leoikeh99
Posted
Wooooowwwwwwww
@mrvicthor
Posted
Thanks for your help. If you do not mind can you tell me what the problem was?
@Yazdun
Posted
@mrvicthor Your welcome. You shouldn't put components inside pages directory, And your TypeScript looks very confusing and you'll probably run into more issues later on, I just fixed them temporary so you can deploy it.
@mrvicthor
Posted
@Yazdun thank you for your feedback. I am still learning typescript
@mrvicthor
Posted
1 | import type { NextPage } from "next"; 2 | import Head from "next/head";
@mrvicthor
Posted
Type error: Cannot find module './countries' or its corresponding type declarations.
@Yazdun
Posted
@mrvicthor I opened a PR to your repo which fixes the issues, I deployed it on Vercel and it works fine now
@mrvicthor
Posted
Well done. Great job. I recently completed the rest countries API challenge using typescript and nextjs but I have been having problems deploying it in vercel. Any chance you can help me?
@Yazdun
Posted
@mrvicthor Thanks ! What's the issue?
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
