https://github.com/adairjuneo/blog-reactjs-prismic

O next.blog é um template de blog que pode ser utilizado em qualquer cenário, onde o intuito seja disponibilizar um contéudo atraves de um artigo ou publicação simples para comunidade.
https://github.com/adairjuneo/blog-reactjs-prismic

date-fns nextjs prismic-cms reactjs sass typescript

Last synced: 24 days ago
JSON representation

O next.blog é um template de blog que pode ser utilizado em qualquer cenário, onde o intuito seja disponibilizar um contéudo atraves de um artigo ou publicação simples para comunidade.

• Host: GitHub
• URL: https://github.com/adairjuneo/blog-reactjs-prismic
• Owner: adairjuneo
• Created: 2022-03-08T16:23:17.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-03-11T14:41:17.000Z (almost 3 years ago)
• Last Synced: 2025-01-10T01:31:18.405Z (about 1 month ago)
• Topics: date-fns, nextjs, prismic-cms, reactjs, sass, typescript
• Language: TypeScript
• Homepage: https://blog-template-adairjuneo.vercel.app/
• Size: 814 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  



## 💻 Template - next.blog



  



Você pode acessar o projeto WEB clicando neste link [acessar projeto](https://blog-template-adairjuneo.vercel.app/)

O next.blog é um template de blog que pode ser utilizado em qualquer cenário, onde o intuito seja disponibilizar um contéudo atraves de um artigo ou publicação simples para comunidade. É necessário apenas que o seu site ou aplicação já utilize React e NextJS, a integração será bem rápida. Para criar as publicações, utilizei o Prismic.io, um CMS gratuito e muito prático, além da facilidade de integração com o ambiente do NextJS.

## 🧪 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

- [React](https://reactjs.org)

- [NextJS](https://nextjs.org)

- [TypeScript](https://www.typescriptlang.org/)

## 📚 Bibliotecas

Para auxiliar no desenvolvimento do projeto, utilizei as seguinte bibliotecas:

- [SASS](https://sass-lang.com/)

- [date-fns](https://date-fns.org/docs/Getting-Started)

- [Prismic.io](https://prismic.io/)

## 👨🏻‍💻 Como utilizar

Lembre-se de criar uma conta no Prismic.io e disponibilizar o endpoit do seu workspace do Prismic no arquivo `prismic.ts` dentro da pasta `src/services`. No meu caso, utilizei uma variável global chamada `PRISMIC_API_ENDPOINT` por que o app também está em produção.

Para iniciá-lo, siga os passos abaixo:

```bash

# Instalar as dependências

$ yarn

# Iniciar o projeto

$ yarn dev

```

O app estará disponível no seu browser pelo endereço http://localhost:3000.