https://github.com/hugovarellaa/blog-ignews
O projeto ig.news é um blog onde os usuários podem ter acesso ao conteúdo de cada postagem de acordo com o status de sua assinatura.
https://github.com/hugovarellaa/blog-ignews
axios css3 faunadb html5 javascript jest jest-mocking jest-tests next-auth next-router nextjs prismic react sass stripe typescript
Last synced: 27 days ago
JSON representation
O projeto ig.news é um blog onde os usuários podem ter acesso ao conteúdo de cada postagem de acordo com o status de sua assinatura.
- Host: GitHub
- URL: https://github.com/hugovarellaa/blog-ignews
- Owner: Hugovarellaa
- Created: 2022-02-12T02:02:22.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-04-17T15:09:06.000Z (about 2 years ago)
- Last Synced: 2025-02-15T15:50:58.093Z (3 months ago)
- Topics: axios, css3, faunadb, html5, javascript, jest, jest-mocking, jest-tests, next-auth, next-router, nextjs, prismic, react, sass, stripe, typescript
- Homepage: blog-ignews-nu.vercel.app
- Size: 25.7 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ignews 💛🚀
Feito com 💙 por Hugo Alves Varella
### 🔗 Link para o projeto online
[Ignews]()
## 📚 Informações sobre o projeto
- Esse projeto foi desenvolvido durante um dos capitulos do Ignite da Rocketseat! A ideia era desenvolver do um blog pago onde o usuário loga usando o GitHub e paga sua inscrição usando o Stripe. Usuários que não possuem a inscrição, só conseguem ver alguns parágrafos iniciais do post, orefecendo a inscrição logo abaixo.
## 💻 O que tem no projeto?
- Integração com o Prismic CMS, para trabalhar com toda a parte do sistema do blog.
- Integração com o Stripe para a parte dos pagamentos das inscrições.
- Integração com o NextAuth para a parte do login com o Github.
- Sistema de verificação de assinatura, o conteúdo exibido varia entre usuários com/sem assinatura paga.
- Dados são salvos no bando do FaunDb.
- Uso do sistema estático do Next.js, onde os posts são mantidos no cache para um melhor carregamento.
## 🛠️ Tecnologias/Ferramentas ultilizadas
- [React](https://pt-br.reactjs.org/E)
- [Next.js](https://nextjs.org/)
- [NextAuth](https://next-auth.js.org/)
- [Prismic CMS](https://prismic.io/)
- [Stripe](https://stripe.com/en-br)
- [Fauna](https://fauna.com/)
## 🔖 Layout
Você pode visualizar o layout do projeto através [desse link](https://www.figma.com/file/1ObvavGTVFuRrMWyYmYMtO/ig.news-Copy?fuid=975921817161406319). É necessário ter conta no [Figma](http://figma.com/) para acessá-lo.
## ⚙️ Instalação
```
# Abra um terminal e copie este repositório com o comando
$ git clone https://github.com/Hugovarellaa/Blog-ignews
```
```
# Acesse a pasta da aplicação
$ cd Blog-ignews
# Crie um arquivo .env.local e coloque as variaveis
# de ambiente baseado no arquivo .env.example
# Instale as dependências
$ yarn
# Inicie a aplicação
$ yarn dev
```