/next-auth-demo

Frontend coding challenge

Primary LanguageJavaScriptMIT LicenseMIT

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 git@github.com: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": "android-challenge@parrotsoftware.io",
    "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