HTML Scraper ⛏️ with Happy DOM & SvelteKit | Emoji App 🔴 LIVE Coding & Chill

Опубликовано: 01 Январь 1970
на канале: Johnny Magrippis
466
22

Scraping other apps to get data for your own is a tale old as time, so let’s build our own scraper today, using Happy Dom and SvelteKit!

My goal is to remake this Create React App I made and deployed to Heroku, 3-4 years ago: https://emoji-of.com/

See the code: https://github.com/jmagrippis/emoji-o...

Old app had the scraper and API as its own repo, we're replatforming into a monorepo this time! If you want to check out the old scraper, the code is here:

https://github.com/jmagrippis/emoji-o...

— COMMUNITY —
New DISCORD SERVER for us 😱:   / discord  
— 🥳🥳🥳 —

— Agenda —

[ ] What are we doing today? What’s a scraper?
[ ] Emoji of the X app? https://emoji-of.com/
[ ] Let’s create a GET Endpoint Server Route! https://kit.svelte.dev/docs/routing#s...
[ ] What’s Happy Dom? What is JSDOM? https://github.com/capricorn86/happy-dom
[ ] Let’s have that route scrape the official list of emojis! https://unicode.org/emoji/charts/full...
[ ] Can we unit test for better dev experience, and resulting code?
[ ] New UI route to show a random emoji!
[ ] Setup a Cron job with Vercel! https://vercel.com/blog/cron-jobs
[ ] Can we secure our Vercel Cron job with secret environment variable?
—⬇️ BONUS ⬇️—
[ ] Persist emojis to a database: Supabase setup
[ ] Persist daily / weekly / monthly picks to db
[ ] Read the latest pick in homepage
[ ] Separate UI routes for day / weekly / monthly picks
[ ] Historical UI routes for day / weekly / monthly picks
[ ] NEXT STEPS: Infinite carousel? AI Generation apps?

— HAVE FUN —

No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄

— Highlighted software —

Svelte: https://svelte.dev/
SvelteKit: https://kit.svelte.dev/
Happy Dom: https://github.com/capricorn86/happy-dom

My own website: https://magrippis.com/

Search for `@jmagrippis` to find me on socials like Instagram & Twitter! And remember our DISCORD SERVER 😉:   / discord  

Between the comment section and the socials, let me know *somewhere* what you’d like me to cover next 🙌


Смотрите видео HTML Scraper ⛏️ with Happy DOM & SvelteKit | Emoji App 🔴 LIVE Coding & Chill онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Johnny Magrippis 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 466 раз и оно понравилось 22 людям.