Bem-vindo ao projeto Figma Land - Landing Page! Este repositório contém o código fonte e os recursos para a criação de uma página de destino moderna e responsiva. A página foi desenvolvida utilizando uma variedade de tecnologias, incluindo SASS, TypeScript, Bootstrap, Figma, Docker, NGINX e Webpack.
O projeto Figma Land teve seu início com um simples arquivo HTML, CSS e JavaScript, evoluindo ao longo do tempo à medida que novas tecnologias eram exploradas e implementadas. A motivação principal por trás desse projeto foi o estudo aprofundado das tecnologias envolvidas, com foco no aprimoramento das habilidades de desenvolvimento. A abordagem adotada foi a de escolher as tecnologias ao longo do processo de desenvolvimento, em vez de selecioná-las previamente.
A Landing Page foi desenvolvida com acessibilidade e SEO em mente. Após a aquisição do modelo original, foram realizadas modificações para aprimorar esses aspectos. A página obteve uma nota perfeita de 100 em acessibilidade, práticas recomendadas e SEO, refletindo o comprometimento em criar uma experiência inclusiva e otimizada para os mecanismos de busca.
O desempenho é um foco contínuo neste projeto. Embora a página já tenha alcançado bons resultados, a busca por otimizações adicionais está em andamento. Já foram aplicados conceitos de carregamento assíncrono de scripts e folhas de estilo, cache de recursos e otimização de imagens para formatos modernos, utilizando o Webpack.
Para executar o projeto localmente, siga as etapas abaixo:
- Clone este repositório em sua máquina local.
- Certifique-se de ter o Docker e o Docker Compose instalados.
- Navegue até o diretório raiz do projeto.
- Execute o seguinte comando para criar e executar o container:
docker compose upAgora você pode acessar a Landing Page em seu navegador, através do endereço http://localhost:8080.
O deploy da Landing Page foi escolhido na plataforma Vercel devido à sua política de cache, que é mais adequada para garantir uma experiência de carregamento rápido e eficiente. Esta escolha contribui para a melhoria do desempenho da página em comparação com o GitHub Pages.
Este projeto é licenciado sob a Licença MIT. Consulte o arquivo LICENSE para obter mais informações.
Observação: Este projeto não é de autoria original deste repositório. O modelo original foi adquirido e modificado para atender a critérios de acessibilidade, SEO e desempenho, conforme mencionado anteriormente.
Agradecemos por explorar o projeto Figma Land - Landing Page! Sinta-se à vontade para contribuir, abrir problemas ou fornecer feedback. Seja parte do nosso processo contínuo de aprimoramento e aprendizado tecnológico.