Skip to content

This project is an app created to be a paid blog and was developed with Next.JS and Scss, in add to using Github, Stripe, FaunaDB and Prismic.

Notifications You must be signed in to change notification settings

airtonlimajr/project-ig.news

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PROJETO IG.NEWS

Este projeto é uma aplicação criada para ser blog pago e foi desenvolvido com Next.JS e Scss, além de utilizar Github, Stripe, FaunaDB e o Prismic. Atenção: Projeto conceito desenvolvido para o programa Ignite da Rocketseat.

Índice

Visão geral

O desafio

O desafio é uma aplicação criada para ser blog pago, onde o usuário pode logar usando o GitHub e utiliza o Stripe para efetuar a sua assinatura, desta forma os usuários inscritos possuem acesso ao conteúdo e os não inscritos, ao preview. Toda estrutura foi desenvolvida com Next.JS e a estilização foi realizada através do Sass, além de utilizar o Github OAutho para login , o Stripe para assinatura, o FaunaDB para salva informações dos usuários e por fim, o Prismic para as postagens.

Screenshot

Gif com apresentação do funcionamento do app

Meu processo

Construído com

  • REACT
  • NEXT.JS
  • NEXTAUTH
  • PRISMIC CMS
  • STRIPE
  • FAUNA

O que eu aprendi ...

Ao criar um site utilizando CMS, o usuário só se preocupa com a criação do conteúdo propriamente dito, e não com os detalhes técnicos por trás do funcionamento do site. Isso possibilitou a propagação em larga escala de blogs pessoais e sobre assuntos específicos, e hoje esse ramo de entretenimento representa uma boa parcela de conteúdo na internet onde cada usuário possui afinidade com um determinado framework.

Instalação:

# Abra um terminal e copie este repositório com o comando
$ git clone https://github.com/airtonlimajr/project-ig.news.git

# Acesse a pasta da aplicação
$ cd project-ig.news

# 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 start

Recursos úteis

  • FaunaDB -Banco utilizado para salvar os dados dos usuários.
  • Prismic -CMS voltado para o sistema React.
  • Stripe -Sistema de gerenciamento de produtos e pagamentos.

Airton Lima Jr

About

This project is an app created to be a paid blog and was developed with Next.JS and Scss, in add to using Github, Stripe, FaunaDB and Prismic.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages