Introdução

Comece Agora


Visão geral

Olá, criadores, bem-vindos ao JustLaunch 👋

Aqui está uma rápida visão geral do template. Acompanhe essa documentação para entender como dar os primeiros passos. E quando terminar, comece com o tutorial para lançar seu projeto em 10 minutos. Vamos lançar sua startup hoje! 🚀

Iniciar o projeto na sua maquina

Versão do Node.js

O template JustLaunch necessita obrigatoriamente que a versão do node.js instalado em sua maquina seja 18.17 ou superior. Para verificar a versão do seu node.js execute node -v em seu terminal.

  1. Em seu terminal, execute cada um desses comandos em sequência para clonar o projeto e instalar as depêndencias.
git clone https://github.com/joedysonbezerra/just-launch-front.git NOME_DO_PROJETO
cd NOME_DO_PROJETO
npm install
git remote remove origin
  1. Renomei o arquivo .env.example para .env.local
mv .env.example .env.local
  1. Rodar localmente seu projeto
npm run dev
  1. Acesse a url exibida e terá como resultado 👇🏻

Primeira tela


NextJS - Estrutura do projeto

📂 /app/[locale] -> Modulos por dominio (1 modulo = pasta de (pages) + page.tsx + layout.tsx ) -> Por exemplo (auth), (landingPage) e (users)

📂 /app/[locale]/(modulo)/domain -> Todas as interfaces que faz parte daquele dominio

📂 /app/api -> Chamadas a API (1 arquivo = 1 endpoint da API)

📂 /app/shared -> Tudo que pode ser compartilhado ou usado por mais de um modulo, é composto por: [components, hooks, utils, contexts, domain]

📂 /app/shared/components -> Components React (Buttons, Inputs, Popup, checkbox ...)


.env

ENVIRONMENT=production
LOG_LEVEL=error
NEXT_PUBLIC_DOMAIN=http://localhost:3000
APPLICATION_NAME='Just Launch'

#Auth
AUTH_TYPE=SUPABASE
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_API_KEY=
NEXT_PUBLIC_RESET_PASSWORD_URL=http://localhost:3000/reset-password
SUPABASE_SERVICE_ROLE=

#Crisp
NEXT_PUBLIC_CRISP_KEY=

# Formspark
NEXT_PUBLIC_FORMSPARK_ID=

#Stripe
USE_STRIPE=false
STRIPE_KEY=
STRIPE_WEBHOOK_SECRET=

#Resend
RESEND_KEY=
EMAIL_FROM='Just Launch <team@justlaunch.com.br>'
EMAIL_DOMAIN=justlaunch.com.br


#Users
ENABLE_API_USERS_FOR_BACKEND=false
API_USERS_URL=
AWS_KEY_ID=
AWS_ACCESS_SECRET_KEY=
REGION=sa-east-1

USE_BREVO=false
BREVO_API_KEY=

tailwind.config

import type { Config } from 'tailwindcss'

const config: Config = {
  content: ['./src/**/*.tsx'],
  theme: {
    extend: {
      gridTemplateColumns: {
        app: 'minmax(18rem, 20rem) 1fr',
      },
      colors: {
        'primary/50': '#eff6ff',
        'primary/100': '#dbeafe',
        'primary/200': '#bfdbfe',
        'primary/300': '#93c5fd',
        'primary/400': '#60a5fa',
        'primary/500': '#3b82f6',
        'primary/600': '#2563eb',
        'primary/700': '#1d4ed8',
        'primary/800': '#1e40af',
        'primary/900': '#1e3a8a',
        'primary/950': '#172554',
      },
    },
  },
  plugins: [],
}
export default config

Altere as cores do projeto

O arquivo de configuração do tailwind foi criado com cores personalizadas para facilitar a mudança de cores para paleta de cores do seu projeto. Alterando as cores primary nesse arquivo de config todo o projeto terá a paleta de cor do seu projeto.


contents

O template possui funcionalidade de tradução do conteúdo e todos os textos do projeto estão nesses arquivos abaixo, então se deseja alterar os textos do template é necessário a alteração nesses arquivos.

📂 /contents/pt.json -> Todos os textos do projeto em português;

📂 /contents/en.json -> Todos os textos do projeto em inglês;


Tutorial

Passo a Passo para lançar sua startup em 10 minutos.

Funcionalidades

Veja todas as funcionalidades do template.

Componentes

Veja como usar os componentes do template.

Deploy

Aprenda o passo a passo de como fazer o deploy do projeto.

Agora vá em frente e siga este tutorial para lançar sua startup em 10 minutos!