README.pt-BR.md

Estúdio de Tatuagem

Um Estúdio-de-Tatuagem com Galeria de Imagem usando Cloudinary, ISR Sob Demanda, SSG, Caminhos Estáticos

Tecnologias   •    Instalação   •    Como Usar   •    Variáveis de Ambiente

🇬🇧 English   •    🇪🇸 Español   •    🇧🇷 Português

Home.mp4

Portfolio.mp4

Contact.mp4

Tecnologias

• Galeria de Imagem conectada com cloudinary Account
• Emails automáticos com nodemailer
• Validação de Formulário com react-hook-form
• Internacionalização com GetStaticProps
• Lindas Interfaces de Usuário com material-ui
• Belíssimas Animações de Página com framer-motion
• Grid de 8 pontos Responsivo com figma
• Sitemap com next-sitemap
• SEO com next-seo

Instalação

# Clone esse repositório
$ git clone git@github.com:sarassaura/tattoo.git

# Entre na pasta
$ cd tattoo

# Instale dependências
$ npm install
OU
$ yarn set version berry
$ yarn install
$ yarn dlx @yarnpkg/sdks vscode


# Rode o app
$ npm run dev
OU
$ yarn dev

Como Usar

1. Crie uma conta no Cloudinary
2. Crie uma conta no Gmail
3. Pegue as informações de configuração do Cloudinary
4. Gere uma senha de app no Gmail
5. Crie pastas com imagens no Cloudinary
6. Crie as variáveis de ambiente
7. Rode

Variáveis de Ambiente

NEXT_PUBLIC_SITE_NAME
NEXT_PUBLIC_SITE_URL
CLOUDINARY_NAME
CLOUDINARY_API_KEY
CLOUDINARY_API_SECRET
EMAIL - GMAIL
PASSWORD - Gerar senha de APP
SECRET_TOKEN

Congifurações do Cloudinary

Isso é importante para a revalidação de ISR:

Vá para as configurações do cloudinary, debaixo da aba uploads, e coloque isso em notifications:

https://<NEXT_PUBLIC_SITE_URL>/api/revalidate?secret=<SECRET_TOKEN>

Meta

Criado Por Sarassaura: github.com/sarassaura