AntonioGSC / fiap_blog

FIAP Blog

📋 Sobre

📌 https://fiap-blog-antonio.netlify.app

Este é um repositório criado como avaliação final da disciplina de Front-End Engineering e UX, um aplicativo de blog desenvolvido usando React + Vite e integrado com o Contentful para gerenciar o conteúdo. Nele é possível visualizar os 5 últimos posts cadastrados no Contentful, é possível visualizar cada post de maneira independente e acessar uma listagem paginada com todos os posts.

Na tela de listagem geral, é possível visualizar todos os posts através da paginação e também ajustar o número de itens em cada página. A paginação é realizada através do Contentful. Em vez de buscar todos os posts de uma vez e paginá-los em memória, o sistema envia novas requisições, solicitando outros posts utilizando o parâmetro "skip". Esse método resulta em requisições menores e mais rápidas, exigindo menos processamento de ambos os lados.

🛠️ Construído utilizando

• HTML / CSS / JS / TypeScript
• React - Front-end Library
• Bootstrap - CSS Framework
• Vite - Server
• Contentful - Back-end
• Contentful - Banco de dados
• Netlify - Host

🔧 Instalação e execução

Pré-requisitos: npm / yarn

# clonar repositório
git clone https://github.com/seu_usuario/fiap_blog.git

# entrar na pasta do projeto front end web
cd fiap_blog

# instalar dependências
npm install

# criar um .env na raiz do repositório e preencher com as variáveis de ambiente da seguinte forma
VITE_CONTENTFUL_SPACE_ID = 'seu_space_id'
VITE_CONTENTFUL_ACCESS_TOKEN = 'seu_access_token'

# executar o projeto
npm start dev

✒️ Autor

Antonio Gabriel dos Santos Carvalho

https://www.linkedin.com/in/antoniogscarvalho/