🏡Made with Next.js, Typescript and TailwindCSS. ⚛

 

Technologies   |    Project   |    License

     

 

📖 Sobre o projeto

O projeto HomeYou é uma SPA Institucional feita com Next.js, Typescript e TailwindCSS. A escolha por Next.js se deu pensando em performance e SEO. Next.js é um framework baseado em React, desenvolvido pela Vercel que traz funcionalidades como SSR, otimização de imagens e SEO dinâmico. Unido ao poder do Next.js, Typescript, um superset Javascript, permite a escrita de um código limpo e mais seguro. A escolha de TailwindCSS, framework desenvolvido pensando em Utility-first, foi para priorizar a entrega rápida e também para facilitar a criação da LP no modo responsivo.

💻 Tecnologias utilizadas no projeto

• Next.js
• Typescript
• TailwindCSS

🌿 Branches

• main projeto finalizado.

🎨 Protótipo do projeto

O protótipo do projeto foi disponibilizado na comunidade Codelândia, do Iuri.

📝 Licença

Este projeto está sob a licença MIT. Consulte a LICENÇA para obter mais informações.

🗄️ Estrutura de pastas

O projeto está estruturado da seguinte forma:

• 📁 public
• 📁 src
  • 📁 app
    • ⚛️ page.tsx
    • ⚛️ layout.tsx
    • ⚛️ globals.css
  • 📁 components
    • 📁 About
    • 📁 Contact
    • 📁 Footer
    • 📁 Gallery
    • 📁 Header
    • 📁 Hero
    • 📁 ui
      • 📁 Container

🛠️ Instruções de execução

Siga as instruções abaixo para rodar o projeto em seu ambiente local:

1. Certifique-se de ter o Node.js instalado em seu computador. Você pode baixar a versão mais recente do Node.js em https://nodejs.org.

2. Clone este repositório em seu computador ou faça o download do código fonte.

3. Abra o terminal e navegue até o diretório raiz do projeto.

4. Instale as dependências do projeto executando o seguinte comando:

  npm install

5. Após a conclusão da instalação das dependências, inicie o servidor de desenvolvimento local com o comando:

  npm run dev

  ou

  yarn dev

6. O servidor local será iniciado e você poderá acessar o projeto no seu navegador através do seguinte endereço:

  http://localhost:3000

Caso a porta 3000 estiver em uso, automaticamente o Next.js irá subir na próxima porta livre da máquina.

Se deseja alterar a porta padrão na qual a aplicação tentará subir, você pode modificar a porta no arquivo next.config.js.

Agora você está pronto para explorar o projeto em seu ambiente local!

---

Feito com 💜 por Jhonatan Oliveira.