Skip to content

vini-cabral/boilerplate-darklight-nextjs

Repository files navigation

Boilerplate para aplicações em NextJS

Instruction Manual (English Language)

Este é um projeto experimental, que oferece uma base de desenvolvimento Front-end com NextJS para a construção de telas com modo dark/light.

Começando...

Passo 1

Duplique o arquivo .env.example e renomeie a cópia para .env.local.

  • Para o modo de cores da aplicação, em NEXT_PUBLIC_COLORS_MODE atribua o valor app. Veja como fazer:
    NEXT_PUBLIC_COLORS_MODE=app

  • Para o modo de cores protótipo (escala em cinza), em NEXT_PUBLIC_COLORS_MODE atribua qualquer valor diferente de app. Veja como fazer:
    NEXT_PUBLIC_COLORS_MODE=foo ou NEXT_PUBLIC_COLORS_MODE=

Passo 2

Baixe as dependências:

npm i

Passo 3

Execute em modo de desenvolvimento:

npm run dev

NOTA: Acesse a documentação oficial do NextJS: https://nextjs.org/docs/getting-started

Boilerplate for NextJS applications

This is an experimental project, which provides a Front-end development base with NextJS for building dark/light screen mode.

Getting started...

Step 1

Duplicate the .env.example file and rename the copy to .env.local.

  • For the color mode of the application, in NEXT_PUBLIC_COLORS_MODE assign the value app. Here's how to do it:
    NEXT_PUBLIC_COLORS_MODE=app

  • For the prototype color mode (grayscale), in NEXT_PUBLIC_COLORS_MODE assign any value other than app. Here's how to do it:
    NEXT_PUBLIC_COLORS_MODE=foo or NEXT_PUBLIC_COLORS_MODE=

Step 2

Download the dependencies:

npm i

Step 3

Run in development mode:

npm run dev

NOTE: Access the official NextJS documentation: https://nextjs.org/docs/getting-started