Um clone modificado do falecido orkut

Live Demo

Como executar

Instale as dependências do projeto, executando os comandos no diretório raiz

npm install
# ou
yarn

Para buscar dados do DatoCMS, precisa-se criar uma conta, configurar o modelo Comunity com os campos nomes title, imageUrl e creatorSlug, todos do tipo texto. Após isso, deve-se criar as variaveis de ambiente do seu projeto com os 2 tokens de escrita e acesso geral do seu projeto no arquivo .env.local, com os nomes:

• DATOCMS_READ_API_TOKEN
• DATOCMS_FULL_API_TOKEN

Além disso deve-se pegar o ID do modelo Comunity criado em sua conta e trocar pelo valor encontrado no arquivo src/pages/api/comunities.js

const record = await client.items.create({
  itemType: "YOUR_MODEL_ID", // model ID - troque pelo ID do seu Modelo
  title,
  imageUrl,
  creatorSlug,
});

Depois rode o projeto como ambiente de desenvolvimento na porta 3000 com o comando

npm run dev
# ou
yarn dev

Tecnologias

• React.js
• Next.js
• DatoCMS
• Axios
• GraphQL
• Nookies
• React Toastify

Layout

Figma Design

Créditos

Projeto feito no evento de Imersão React 3.0 da Alura 💙