Landing page futurista para empresa de tecnologia especializada em desenvolvimento de sites, CRMs, aplicativos e automação.
- Visão Geral
- Tecnologias
- Implantação Automática no Coolify
- Estrutura do Projeto
- Desenvolvimento Local
- Solução de Problemas
Este projeto é uma landing page moderna e interativa desenvolvida com Next.js, Tailwind CSS e Framer Motion. Apresenta animações avançadas, efeitos de paralaxe, e design responsivo para destacar os serviços de uma empresa de tecnologia.
- Next.js - Framework React
- Tailwind CSS - Framework CSS
- Framer Motion - Biblioteca de animações
- Lucide React - Ícones
- shadcn/ui - Componentes de UI
Este projeto está configurado para implantação automática no Coolify. Siga estas etapas:
Certifique-se de que você tem:
- Uma conta no Coolify com acesso a um servidor configurado
- Git instalado em sua máquina local
-
Faça login no seu painel do Coolify
-
Adicione um novo serviço
- Clique em "Add New Resource"
- Selecione "Application"
-
Conecte ao repositório Git
- Selecione seu provedor Git (GitHub, GitLab, etc.)
- Autorize o Coolify a acessar seus repositórios, se necessário
- Selecione o repositório que contém este projeto
-
Configuração automática
- O Coolify detectará automaticamente que é um projeto Next.js através do arquivo
.coolify/config.yaml - Ele usará o
Dockerfileincluído para construir a aplicação - Não é necessário configurar manualmente os comandos de build ou start
- O Coolify detectará automaticamente que é um projeto Next.js através do arquivo
-
Implante o serviço
- Clique em "Deploy"
- O Coolify irá construir e iniciar a aplicação automaticamente
-
Configure o domínio (opcional)
- No painel do serviço, vá para a aba "Settings"
- Configure o domínio personalizado, se necessário
- Configure SSL/TLS para seu domínio
Para configurar atualizações automáticas:
- No painel do Coolify, vá até o serviço
- Acesse a aba "Settings"
- Configure um webhook para implantação automática quando houver novos commits