itamarpambo751 / aprendendo-o-futuro-projeto-com-chakra-ui-next.js-nextauth-mongodb-e-formik

🔥 Bem-vindo ao "Aprendendo o Futuro" - seu guia prático para dominar tecnologias modernas! Este projeto é uma jornada empolgante onde exploramos o universo de desenvolvimento web com Next.js, Chakra UI, NextAuth, MongoDB e Formik.

🚀 Aprendendo o Futuro: Projeto com Chakra UI, Next.js, NextAuth, MongoDB e Formik 🚀

Descrição

🔥 Bem-vindo ao "Aprendendo o Futuro" - seu guia prático para dominar tecnologias modernas! Este projeto é uma jornada empolgante onde exploramos o universo de desenvolvimento web com Next.js, Chakra UI, NextAuth, MongoDB e Formik.

Recursos Destacados

• 🚀 Next.js: Acelere seu desenvolvimento com a framework React mais popular.
• 🎨 Chakra UI: Crie interfaces incríveis com estilo e facilidade.
• 🔐 NextAuth: Implemente autenticação fácil e segura em seu projeto.
• 📦 MongoDB: Armazene dados de maneira flexível e eficiente.
• 📝 Formik: Simplifique a criação e validação de formulários.

Como Contribuir

1. Clone este repositório: git clone https://github.com/itamarpambo751/Aprendendo-o-Futuro-Projeto-com-Chakra-UI-Next.js-NextAuth-MongoDB-e-Formik.git
2. Instale as dependências: npm install ou yarn install
3. Explore, aprenda e divirta-se! ✨

Comece Agora

• Clone este repositório: git clone https://github.com/itamarpambo751/Aprendendo-o-Futuro-Projeto-com-Chakra-UI-Next.js-NextAuth-MongoDB-e-Formik.git
• Instale as dependências: npm install ou yarn install
• Explore, aprenda e divirta-se! ✨

Em casos de erro:

Acessa as issues relacionadas a este repositório, serão deixadas em aberto por questão de dúvidas:

• Timeout3500ms
• 3xErrosAparecendoNoNavegador

Seja Parte do Futuro!

Este projeto é mais do que código. É uma oportunidade para moldar o futuro do desenvolvimento web. Vamos aprender, crescer e prosperar juntos!

aprendendo-o-futuro-projeto-com-chakra-ui-next.js-nextauth-mongodb-e-formik's Issues

Erro no console: signin_oauth_error solicitação de saída expirou após 3500ms / [next-auth][error][SIGNIN_OAUTH_ERROR] https://next-auth.js.org/errors#signin_oauth_error outgoing request timed out after 3500ms

Se isso acontecer enquanto estiver fazendo a autenticação durante o desenvolvimento do seu app, você pode resolver simplesmente fazendo uma breve alteração no diretório app/api/auth/[...nextauth] no arquivo route.js:

disso:

const authOptions = {
    providers: [
        GoogleProvider({
            clientId: process.env.GOOGLE_CLIENT_ID,
            clientSecret: process.env.GOOGLE_CLIENT_SECRET,
        })
    ]
}

para isso:

const authOptions = {
           providers: [
               GoogleProvider({
                   clientId: process.env.GOOGLE_CLIENT_ID,
                   clientSecret: process.env.GOOGLE_CLIENT_SECRET,
                   httpOptions: {
                       timeout: 60000
                   }
              })
         ]
    }

Altere o tempo de solicitação de saída de 3500ms para 60s ou mais se preferir.

Ok! agora tente outra vez!

Error: Hydration failed because the initial UI does not match what was rendered on the server. See more info here: https://nextjs.org/docs/messages/react-hydration-error

Se lhe aparecer este erro no navegador faça questão de aceder ao link stackoverflow.com ou este link