/Ignite_ignews

Ig.News is a news platform created with content about ReactJS, using authentication with Github and subscription sistem

Primary LanguageTypeScriptMIT LicenseMIT

Logo

Ig.News

Author: Yuri Language: React Language: Typescript
Language: SASS Database: FaunaDB CMS: Prismic NextJs: NextJs

Table of Contents

About • Features • Revised Concepts • Installation • Get Started • Technologies • License

📌About

Building a Newsletter Subscription Platform on ReactJs content

🚀Features

  • Connecting to Github via OAuth
  • Signature System with Stripe
  • Information control with the Fauna Database
  • Post Preview Screen

👓Revised Concepts

  • Control of Logged Users and Subscribers
  • Concept of SSG and SSR with Next
  • Next Auth
  • Dynamic routes
  • Webhooks
  • Use of APIs to control Authentication and Enrollment
  • Front-End JAMStack and connection to CMS Prismic

📕Installation

You must have already installed

Recommendations

  • It is recommended that you have installed Google Chrome or Edge
  • I recommend using VSCode as development IDE
  • You will need to have an account on the following platforms to access the required environment variables:
    • Stripe
    • FaunaDB
    • Github
    • Prismic CMS

Let's divide it into 3 steps.

  1. Clone this repository
  2. Install dependencies
  3. Setting Environment Variables
  4. Installing the Stripe CLI / Executable

1. Clone this repository

git clone https://github.com/Yuri-stack/Ignite_ignews.git

2. Install the dependencies

npm install

or

yarn

Make sure your internet is stable, as this may take a while

3. Setting Environment Variables

In the env.local file, change its name to .env.local. Once this is done, place the respective personal keys for each platform. If in doubt, please read the documentation for each platform.

4. Installing the Stripe CLI / Executable

To test the webhooks Stripe you need access the Stripe documentation, and look for the CLI option. Once that's done, you can be installing the CLI or downloading the Executable.

  • In the case of the first option, follow the Stripe Tool documentation.

  • In the case of the second option, download the .exe, create a folder in the root of the project called stripe-cli, and place the .exe there so that the stripe script will work.

🎮Getting Started

  1. Run the project
yarn dev
  1. Run the Stripe CLI (In case, if you choose the second option)
yarn stripe
  1. Now, open your browser and navigate to: http://localhost:3000

🌐Technologies

📝License

Released in 2021.

This project is under the MIT license

Made with love by Yuri Oliveira 🚀.