danielpro4 / next-auth-demo

Frontend coding challenge

NextJS and NextAuth example

Demo App para consulta de productos por categoría with auth

Guía rápida

1. Clonar el repositorio.

   git clone [e-mail]:danielpro4/next-auth-demo.git
   cd next-auth-demo

2. Configurar las variables de entorno local

   Dentro del workspace menu ejecutar el comando copy

   cd menu
   cp .env.example .env

3. Generar una llave para next auth

   Dentro del shell ejecutar el comando openssl

   openssl rand -base64 32

   Copiar la llave generada en la variable AUTH_JWT_SECRET del archivo menu/.env

4. Instalar dependencias.

   Dentro de la raíz del proyecto ejecutar el comando yarn

   yarn

5. Construir y correr el proyecto.

   yarn build
   yarn start

   El sitio estará disponible en http://localhost:3000

   • Demo data:

   {
       "username": "[e-mail]",
       "password": "8mngDhoPcB3ckV7X"
   }

Tecnologías

• React - Frontend library
• NextJS - Framework
• NextAuth - Auth library
• Ant Design - Components library
• TailwindCSS - CSS utility class
• Redux - State manager
• React-Query - Fetch and cache data
• Vercel - Deployment and host

License

MIT © Daniel P. Atanacio