audiophile solution built with Next + Typescript

Community feedback

• 

  Chukwudobe Micah Chinedu•700

  @chukwudobe-MicahPosted about 2 years ago

  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?

  1

  ---

  

  Yazdun•1,310

  @YazdunPosted almost 2 years ago

  @chukwudobe-Micah It's handled by NextJs Image component

  0
• 

  Micah Johnson•240

  @codejohnson89Posted over 2 years ago

  I just finished this challenge and saw yours and man this is DOPE!!!!!! Great job!!!!!

  1

  ---

  

  Yazdun•1,310

  @YazdunPosted over 2 years ago

  @codejohnson89 Thank you 🥰

  0
• 

  P

  Jason Nembhard•320

  @jNembhardPosted over 2 years ago

  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.

  1

  ---

  

  Yazdun•1,310

  @YazdunPosted over 2 years ago

  @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

  1

  

  P

  Jason Nembhard•320

  @jNembhardPosted over 2 years ago

  @Yazdun Gotcha, yea I just fixed all my file paths and will definitely use that method in the future!

  1
• 

  Leonard•1,025

  @leoikeh99Posted over 2 years ago

  Wooooowwwwwwww

  1
• 

  Victor Eleanya•660

  @mrvicthorPosted over 2 years ago

  Thanks for your help. If you do not mind can you tell me what the problem was?

  0

  ---

  

  Yazdun•1,310

  @YazdunPosted over 2 years ago

  @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.

  0

  

  Victor Eleanya•660

  @mrvicthorPosted over 2 years ago

  @Yazdun thank you for your feedback. I am still learning typescript

  1
• 

  Victor Eleanya•660

  @mrvicthorPosted over 2 years ago

  1 | import type { NextPage } from "next"; 2 | import Head from "next/head";

  3 | import Countries from "./countries"; | ^ 4 | import { useContext } from "react"; 5 | import { ThemeContext } from "./../components/Layout"; 6 | Build error occurred Error: Call retries were exceeded at ChildProcessWorker.initialize (/vercel/path0/node_modules/next/dist/compiled/jest-worker/index.js:1:11661) at ChildProcessWorker._onExit (/vercel/path0/node_modules/next/dist/compiled/jest-worker/index.js:1:12599) at ChildProcess.emit (node:events:527:28) at Process.ChildProcess._handle.onexit (node:internal/child_process:291:12) { type: 'WorkerError' } Error! Command "npm run build" exited with 1 Error: Command "vercel build" exited with 1

  0
• 

  Victor Eleanya•660

  @mrvicthorPosted over 2 years ago

  Type error: Cannot find module './countries' or its corresponding type declarations.

  0

  ---

  

  Yazdun•1,310

  @YazdunPosted over 2 years ago

  @mrvicthor I opened a PR to your repo which fixes the issues, I deployed it on Vercel and it works fine now

  0
• 

  Victor Eleanya•660

  @mrvicthorPosted over 2 years ago

  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?

  0

  ---

  

  Yazdun•1,310

  @YazdunPosted over 2 years ago

  @mrvicthor Thanks ! What's the issue?

  0