kulkarniankita / discover-coffee-stores Goto Github PK

This app allows you to discover coffee stores, check out the course http://bit.ly/nextjs-udemy-ankita on how to build this

Home Page: http://discovery-coffee-stores.vercel.app

JavaScript 69.63% CSS 30.37%

nextjs react airtable unsplash foursquare-api

discover-coffee-stores's Introduction

Hi there 👋

Haii! I'm Ankita Kulkarni 👋🏽

⭐️ A Developer, Educator, Leader, a Conference Speaker, and recently transitioned to being a Creator
👤 Spent 12+ years in Tech at the intersection of Front-end and Leadership
✏️ Taught 10,000+ students online
🪴 Grown 100+ developers & leaders (either managed or mentored them) and led 25+ developer teams at a time
🌎 Worked for IBM, Tim Hortons, Burger King, Popeyes, Borrowell, WealthSimple, Roche, Shoppers Drug Mart, Moleskine and more.

I've created a FREE 1-week course on helping developers transition into Engineering Leaders and crafting their first 90 days known as The Leader's Playbook: The First 90 Days 🚀.

Frontend Snacks 💌

Frontend Snacks is a Frontend Newsletter you'll love.

Get FREE weekly snacks.

A code snippet to teach complex topics visually
Latest Frontend gossip/news
A food/snack for thought

All this to help you grow as a developer!

You can sign up here

Delivered fresh in your inbox weekly

discover-coffee-stores's People

Contributors

Stargazers

Watchers

Forkers

aswinbarath aneagoie munirmahmud nvaughn drerichards krdormer mdixon47 meez-tech saihlu arodriguuij lashatatu nyowusu abdelghafourbarane gskll cib3rpunker elaidina daovudat abhilash-banerjee99 ismaeljdz dylanesque alimirmohammad karkranikhil snegurochka a4abs orionjoshi horacekalex superssingh rahulmjain24 rickn0024 davidmorrier manu8900 jwe4 ankanmondal007 november11th it-magic-ts mrjooka amirrahmani76 yirenkyi55 williamg1750 davisantosr himaniruwali23 elton-lau jun-fajr falconilham abubakarshf arham4312 terieyenike pulkit10251 remoorejr unbiasedeagle ntb19132 cybersaksham rejaiej cntran muhammadmohsin123 olesiatk masterkai prabircodes monles daatkruby nimatrazmjo trinac-devs deepaks77 junhyungson ganeshghumare1997 sedanayoga sanchit987 yolin00 jaredbrown1 diiwjo arun-web-dev techstack-io tanaycemk hongnhat195 ed3899 oliviam-creative-labs louis-cesar aivanvilleags cherylli gokulprathin8 naylinhtet-ycc senchodev searchs eileenandrea leobroadbanddev alivaris sandy-06 arnavdoley iqbal89co tregalloway brandonscode stee1ix and4web svitlananedilko abduwaasi rodion-b priyucodes pmrjayawardena jacsa folkgodrock

discover-coffee-stores's Issues

error - Failed to load next.config.js

error - Failed to load next.config.js, see more info here https://nextjs.org/docs/messages/next-config-error
C:\Users\pc\discover-coffee-stores\next.config.js:9
export default nextConfig;
^^^^^^

SyntaxError: Unexpected token 'export'
at Object.compileFunction (node:vm:352:18)
at wrapSafe (node:internal/modules/cjs/loader:1033:15)
at Module._compile (node:internal/modules/cjs/loader:1069:27)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1159:10)
at Module.load (node:internal/modules/cjs/loader:981:32)
at Function.Module._load (node:internal/modules/cjs/loader:822:12)
at ModuleWrap. (node:internal/modules/esm/translators:170:29)
at ModuleJob.run (node:internal/modules/esm/module_job:198:25)
at async Promise.all (index 0)
at async ESMLoader.import (node:internal/modules/esm/loader:385:24)

https://discovery-coffee-stores.vercel.app/coffee-store/22334455

Error: Cannot read properties of undefined (reading 'results')

Hey I'm following you via ZtM and at the lesson 13 you deploy this repo, but on my side I have an error:

step to reproduce

try 1

git clone the repo
cd repo
npm install
npm run dev

try 2

git clone the repo
cd repo
npm install
npm audit fix
npm run dev

error

error - TypeError: Cannot read properties of undefined (reading 'results')
    at getListOfCoffeeStorePhotos (D:\Public\discover-coffee-stores\.next\server\pages\index.js:276:43)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async fetchCoffeeStores (D:\Public\discover-coffee-stores\.next\server\pages\index.js:281:18)
    at async getStaticProps (D:\Public\discover-coffee-stores\.next\server\pages\index.js:3107:24)
    at async Object.renderToHTML (D:\Public\discover-coffee-stores\node_modules\next\dist\server\render.js:329:24)
    at async doRender (D:\Public\discover-coffee-stores\node_modules\next\dist\server\next-server.js:1144:38)
    at async D:\Public\discover-coffee-stores\node_modules\next\dist\server\next-server.js:1236:28
    at async D:\Public\discover-coffee-stores\node_modules\next\dist\server\response-cache.js:64:36 {
  page: '/'
}
wait  - compiling...
event - compiled successfully

Foursquare API response no longer includes "neighborhood" field with other important issues

The API value has changed. You can check here to see that Foursquare no longer provides neighborhood as a response. Locality or cross_street could be used in place of that.

The Airtable API key will be deprecated in January 2024, and they recommend using a personal access token instead. However, after configuring it, the following code:

export const fetcher = (url) => fetch(url).then((res) => res.json());

shows an error when used for useSWR (500 internal error) . I am still working on fixing this and will contact the team, as discussed in the airtable-js repository.

The image changes on refresh when you visit this page. This is definitely a bug, and it occurs in most coffee store components, including pre-rendered and dynamic ones.

I hope this helps in improving the project.

I learned Next.js from this public repository. Thank you for making it available.

twice render component

twice render component in strict mode : true