Landing page para uma oficina mecânica, utilizando Next.js 15 com renderização no servidor, Cosmic CMS para gerenciamento de conteúdo, e TypeScript para tipagem robusta. O projeto adota a abordagem de componetização, criando uma estrutura modular e reutilizável para a interface. O objetivo é explorar as tecnologias mais modernas para otimização de performance e facilidade de manutenção, além de fornecer uma solução prática para gerenciamento de conteúdo sem dependências de desenvolvimento.
- Virtual Studio Code - Version 1.96.2
- GitHub Desktop - Version 3.4.12
- Node.js - Version 22.11.0
- Cosmic CMS
- Utilizado Next 15 com App Router;
- Utilizado TypeScript;
- Feito as requisições e armazenamento Cosmic CMS;
- Utilizado regras e padrões do Prettier;
Para executar o projeto siga as instruções:
- Clone o repositório:
git clone https://github.com/LucasDoGit/devmotors
cd devmotors- Instale as dependências:
npm install- Crie uma conta no Cosmic CMS e crie os objetos seguindo a tipagem dos modelos na pasta
/src/utils/***.type.tsou importe o arquivoobjetos-cosmic.json(localizado na raiz do projeto) nas configurações do projeto.
- Crie o arquivo .env na raiz do projeto e configure as chaves de acesso ao seu cosmic cms.
NEXT_PUBLIC_API_URL= /*url de acesso ao seu projeto do cosmic*/
READ_KEY= /*chave de acesso do seu projeto*/- use o comando abaixo para iniciar o projeto e aguarde.
npm run dev- Feito! O projeto deve ser iniciado e pode ser acesso usando um navegador pela url "http://localhost:3000"
Para obter mais informações, entre em contato comigo em:
- Email: [email protected]
- GitHub: https://github.com/LucasDoGit