Download do nextjs starter nextjs starter

nextjs starter

Código-Fonte de IA

1.0.0

Baixar

NextJs-Starter

Um modelo de kit de partida Next.js com React 17 + TypeScript + Tailwind CSS 2 + React Query 3 + Nextauth.js (com auth -auth + sem senha) + fauna db

Demonstração

Site
Postagem do blog (antigo)
- Será substituído por uma nova postagem no blog em breve.

Execute localmente

Clone o projeto

  git clone https://github.com/pbteja1998/nextjs-starter.git

Vá para o diretório do projeto
```
  cd nextjs-starter
```
Instalar dependências
```
  yarn
```
Crie .env.local e altere variáveis Env conforme as instruções.
```
  cp .env.example .env.local
```
Configure o banco de dados executando o seguinte comando e colando a chave secreta da fauna quando solicitado. Mais detalhes na fauna-schema-migrar.
```
  yarn setup-db
```
Inicie o servidor
```
  yarn dev
```

Variáveis de ambiente

Para executar este projeto, você precisará adicionar as seguintes variáveis de ambiente ao seu arquivo .env.local

NEXTAUTH_URL
- Este é o URL do seu aplicativo. Localmente, você pode definir isso como http://localhost:3000
SECRET
- Defina isso como qualquer corda gerada aleatoriamente
EMAIL_SERVER
- Esta é a sequência do servidor de email. Está no formato de smtp://username:[email protected]:587 . Substitua username , password e smtp.example.com por suas próprias credenciais.
EMAIL_FROM
- Seu endereço de e -mail a partir do qual você está enviando e -mails.
GITHUB_ID
GITHUB_SECRET
- Você precisa criar um aplicativo Github OAuth e obter o github_id e o github_secret desse aplicativo.
- Você pode seguir estas instruções.
- Ao criar um aplicativo OAuth para o desenvolvimento local, você pode definir o Homepage URL como http://localhost:3000 e Authorization Callback URL para http://localhost:3000/api/auth/callback/github
LINKEDIN_ID
LINKEDIN_SECRET
- Você precisa criar um aplicativo OAuth para o LinkedIn. Você pode definir o URL de retorno de chamada para http://localhost:3000/api/auth/callback/linkedin
FAUNADB_SECRET
- Crie uma nova chave do servidor de fauna e defina esta variável para essa chave

Perguntas frequentes

Como administrar a fauna localmente?

Observe que isso é completamente opcional. Você pode criar diretamente seu banco de dados na Fauna Cloud e usar diretamente o segredo que você gera lá.

Estamos usando o contêiner Fauna Dev Docker para executar a instância da fauna localmente.

Essas são as instruções para configurar o contêiner de fauna localmente.

 # Pull the latest Docker container:
docker pull fauna/faunadb:latest

# Verify that the container executes correctly:
docker run fauna/faunadb --help

Depois de instalar isso, você pode iniciar o contêiner usando o seguinte comando

docker run --rm --name faunadb -p 8443:8443 -p 8084:8084 fauna/faunadb

Observe que isso criará uma nova instância de fauna toda vez que você a executar e todos os dados serão limpos quando você parar este contêiner. Para outras opções e abordagens de configuração, passe pela documentação.

Alterações que você precisa fazer no modelo:

Você precisa definir USE_FAUNA_DOCKER=true em seu arquivo .env.local
Toda vez que você inicia o contêiner do Docker, você precisa primeiro aplicar as migrações. Você pode fazer isso executando yarn setup-docker-db .
Mais detalhes na fauna-schema-migrar e na fauna dev.