Skip to content

Latest commit

 

History

History
97 lines (70 loc) · 2.38 KB

README.es.md

File metadata and controls

97 lines (70 loc) · 2.38 KB
Raw

Estudio de Tatuajes

Un Estudio-de-Tatuajes con Galería de imágenes usando Cloudinary, Bajo Demanda ISR, SSG, Caminos Estáticos

Banner

Tecnologías   •    Instalación   •    Cómo Utilizar   •    Variables de Entorno

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

Home.mp4
Portfolio.mp4
Contact.mp4

Tecnologías

  • Galería de imágenes conectada con cloudinary Account
  • Emails automáticos con nodemailer
  • Validación de formulario con react-hook-form
  • Internacionalización con GetStaticProps
  • Hermosa Interfaz de Usuario con material-ui
  • Hermosas Animaciones de Página con framer-motion
  • Cuadrícula de 8 puntos Responsivo con figma
  • Sitemap con next-sitemap
  • SEO con next-seo

Instalación

# Clonar este repositorio
$ git clone git@github.com:sarassaura/tattoo.git

# Ingrese a la carpeta
$ cd tattoo

# Instalar dependencias
$ npm install
O
$ yarn set version berry
$ yarn install
$ yarn dlx @yarnpkg/sdks vscode


# Ejecute la aplicación
$ npm run dev
O
$ yarn dev

Cómo utilizar

  1. Crea una cuenta en Cloudinary
  2. Crea una cuenta de Gmail
  3. Obtener información de configuración de Cloudinary
  4. Generar una contraseña de APP en Gmail
  5. Crear carpetas con imágenes en Cloudinary
  6. Crear las variables de entorno
  7. Ejecute la aplicación

Variables de Entorno

NEXT_PUBLIC_SITE_NAME
NEXT_PUBLIC_SITE_URL
CLOUDINARY_NAME
CLOUDINARY_API_KEY
CLOUDINARY_API_SECRET
EMAIL - GMAIL
PASSWORD - Generar contraseña de APP
SECRET_TOKEN

Configuraciones de Cloudinary

Esto es importante para la revalidación del ISR:

Vaya a la configuración de Cloudinary, en la pestaña de uploads, y ponga esto en notifications:

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

Meta

Creado Por Sarassaura: github.com/sarassaura