https://github.com/guscsales/estou-na-torcida

Support Brazil on World Cup with Custom Stickers!
https://github.com/guscsales/estou-na-torcida

brazil catar copa-do-mundo firebase nextjs og-image-generator react satori tailwindcss thon-ui world-cup

Last synced: 2 months ago
JSON representation

Support Brazil on World Cup with Custom Stickers!

• Host: GitHub
• URL: https://github.com/guscsales/estou-na-torcida
• Owner: guscsales
• Created: 2022-10-28T23:51:12.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-01-24T10:42:54.000Z (over 2 years ago)
• Last Synced: 2024-01-26T10:35:35.265Z (over 2 years ago)
• Topics: brazil, catar, copa-do-mundo, firebase, nextjs, og-image-generator, react, satori, tailwindcss, thon-ui, world-cup
• Language: TypeScript
• Homepage: https://estounatorcida.com.br
• Size: 36.6 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![Estou Na Torcida Cover](http://estou-na-torcida.vercel.app/og-image.png)

---

## Motivação

Projeto criado em homenagem e apoio à seleção brasileira na Copa do Mundo do Catar.

## Como Criar

Para criar seu sticker, basta ir até [estou-na-torcida.vercel.app](https://estou-na-torcida.vercel.app/) e seguir os 3 passos descritos lá.

## Rodando na sua máquina

```

yarn install

yarn dev

```

Acesse em `http://localhost:3000`

## Tecnologias Utilizadas

- [NextJS@13](https://nextjs.org/)

- [TailwindCSS](https://tailwindcss.com/)

- [Thon UI](https://www.thonlabs.io/)

- [Firebase](https://firebase.google.com/)

- [Vercel OG Image Generator (Satori)](https://vercel.com/docs/concepts/functions/edge-functions/og-image-generation)

## Vídeo no YouTube

[Como Gerar Imagens com NextJS, Tailwind e O.G. Images [Projeto que fiz para Copa do Mundo]](https://youtu.be/hlqOOD8UfQI)