Já ouviu falar do SvelteKit? Vou mostrar como criar um site do zero utilizando o SvelteKit 1.0 hospedado na Vercel.
Demonstração:
https://academialocal.vercel.app/
Protótipo do Figma:
https://blog.artneo.com.br/academialocal
SvelteKit:
https://kit.svelte.dev
Hospedagem Vercel:
https://vercel.com
Visual Studio Code:
https://code.visualstudio.com
Josh Comeau's CSS reset:
https://www.joshwcomeau.com/css/custom-css-reset/
Instalar fontes localmente:
https://fontsource.org/
GitHub:
https://github.com/
Assets:
https://github.com/artneo7/academialocal-assets
Emoji como imagem:
https://emoji.aranja.com/
Estrutura API WhatsApp:
https://api.whatsapp.com/send?phone=
AutoAnimate:
https://auto-animate.formkit.com/
SvelteKit Docs:
https://kit.svelte.dev/docs/introduction
PageSpeed Insights:
https://developers.google.com/speed/pagespeed/insights/
JSON-LD:
https://jsonld.com/web-page/
Open Graph meta tags:
https://www.opengraph.xyz/
GitHub projeto final:
https://github.com/artneo7/academialocal
Foto de Victor Freitas na Unsplash:
https://unsplash.com/pt-br/fotografias/hOuJYX2K5DA
Foto de Meghan Holmes na Unsplash:
https://unsplash.com/pt-br/fotografias/buWcS7G1_28
Foto de Gabin Vallet na Unsplash:
https://unsplash.com/pt-br/fotografias/J154nEkpzlQ
Foto de Brian Matangelo na Unsplash:
https://unsplash.com/pt-br/fotografias/-BUPaAMSOdE
Foto de Geert Pieters na Unsplash:
https://unsplash.com/pt-br/fotografias/NbpUM86Jo8Y
Logo do plugin Logo Creator no Figma:
https://www.figma.com/community/plugin/768094929040207895/Logo-Creator
Emoji em PNG:
https://emoji.aranja.com/
Ícone "x":
https://feathericons.com/