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

No packages published