{"id":13343417,"url":"https://github.com/italoh623/ignews","last_synced_at":"2025-03-12T04:33:34.487Z","repository":{"id":136453313,"uuid":"351426684","full_name":"italoh623/ignews","owner":"italoh623","description":"A React web app to post article about ReactJs","archived":false,"fork":false,"pushed_at":"2021-12-09T22:54:36.000Z","size":742,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-10-24T15:39:56.385Z","etag":null,"topics":["blog","cms","payment","react","ssp","ssr","stripe-api","yarn"],"latest_commit_sha":null,"homepage":"ignews-italoh623.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/italoh623.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-03-25T12:22:59.000Z","updated_at":"2021-12-10T11:41:20.000Z","dependencies_parsed_at":null,"dependency_job_id":"5191c6cc-dc6a-40d7-87bc-7575a6094e64","html_url":"https://github.com/italoh623/ignews","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/italoh623%2Fignews","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/italoh623%2Fignews/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/italoh623%2Fignews/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/italoh623%2Fignews/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/italoh623","download_url":"https://codeload.github.com/italoh623/ignews/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243158975,"owners_count":20245668,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blog","cms","payment","react","ssp","ssr","stripe-api","yarn"],"created_at":"2024-07-29T19:31:18.710Z","updated_at":"2025-03-12T04:33:34.480Z","avatar_url":"https://github.com/italoh623.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n\n\u003cimg src=\"https://raw.githubusercontent.com/italoh623/ignews/main/public/images/avatar.svg\" alt=\"ig.news\" width=\"100px\"/\u003eig.news\n\n\u003c/h1\u003e\n\nig.news is a blog about ReactJs developed in the Ignite Bootcamp by RocketSeat.\n\n\n# Getting Started \n\nThese instructions will get you a copy of the full project up and running on your local machine for development and testing purposes.\n\nThe project must be built with npm, so download it below if you don't have any installed on your system.\n\n* **Npm** is distributed with Node.js which means that when you download Node.js, you automatically get npm installed on your computer. [Download Node.js](https://nodejs.org/en/download/)\n\n* **Yarn** is a package manager built by Facebook Team and seems to be faster than npm in general. [Download Yarn](https://yarnpkg.com/en/docs/install)\n\n\nTo run this server you will need a node version 12.0.0 (minimum) \n\n## Stripe\n\nThis project uses Stripe api as Payment sistem so you'll neeed to create a [Stripe account](https://stripe.com/br) with a Product registred.\n\n### Stripe CLI\n\nStripe CLI is a tools to recive stripe webhooks in \ndevelopment environment. To install follow the [documentation](https://stripe.com/docs/stripe-cli).\n\n\nAfter you must run the following command in terminal to start to listen the webhooks:\n\n```\n$ stripe listen --forward-to localhost:3000/api/webhooks\n```\n\nFinally you must add this lines to `.env.local` file:\n\n```js\nSTRIPE_API_KEY= // Api key\nNEXT_PUBLIC_STRIPE_PUBLIC_KEY= // Public key\nSTRIPE_WEBHOOK_SECRET= // Webhook signing secret\nSTRIPE_SUCCESS_URL=http://localhost:3000/posts\nSTRIPE_CANCEL_URL=http://localhost:3000/\n```\n\n## Prismic\n\n[Prismic](https://prismic.io) is a Content Management System, a tool for editing online content.\n\nYou must create a account and a new Type `Post` whith this format:\n\n![](https://raw.githubusercontent.com/italoh623/ignews/main/screenshots/prismic.png)\n\nYou need to create a private key for your prismic repository. Go to `Settings \u003e  API \u0026 Security \u003e Repository ecurity` and select 'Private API'.\n\nFinally you must add this line to `.env.local` file:\n\n```js\nPRISMIC_API_ENDPOINT= // Api endpoint\nPRISMIC_ACCESS_TOKEN= // Api secret token\n```\n\n## FaunaDB\n\n[FaunaDB](https://fauna.com/) is a flexible transactional database delivered as a secure and scalable cloud API with native GraphQL\n\nYou must create a account and a new database `Post` whith this collections and Indexes:\n\n![](https://raw.githubusercontent.com/italoh623/ignews/main/screenshots/faunaDB.png)\n\nYou must to create a private key to acess your fauna database. Go to `Security \u003e  Keys \u003e + New Key` and select 'Private API'.\n\nFinally you must add this line to `.env.local` file:\n\n```js\nFAUNADB_KEY= // Api secret key\n```\n\n\n# How to Install\n\n* To download the project follow the instructions bellow:\n\n\n1. `git clone https://github.com/italoh623/ignews.git`\n\n2. `cd ignews`\n\n* Install the dependencies and start the server:\n\n3. `yarn install`\n\n4. `yarn start` 🥳\n\n# Screenshots \n\n* Home Page\n\n![](https://raw.githubusercontent.com/italoh623/ignews/main/screenshots/home.png)\n\n* Posts Page\n\n![](https://raw.githubusercontent.com/italoh623/ignews/main/screenshots/posts.png)\n\n* Post Preview Page\n\n![](https://raw.githubusercontent.com/italoh623/ignews/main/screenshots/preview.png)\n\n***The application still is in development 🚧. Soon this file will be updated with the deploy of the app and new features***\n\n---\n### Author\n\n\n\n\u003cimg style=\"border-radius: 50%;\" src=\"https://github.com/italoh623.png\" width=\"80px;\" alt=\"\" /\u003e\n\n\n\u003csub\u003e\u003cb\u003eÍtalo Henrique Leça da Silva\u003c/b\u003e\u003c/sub\u003e\n\n[![Linkedin Badge](https://img.shields.io/badge/-@italo-blue?style=flat-square\u0026logo=Linkedin\u0026logoColor=white\u0026link=https://www.linkedin.com/in/gitirana/)](https://www.linkedin.com/in/italo-leca/) [![Gmail Badge](https://img.shields.io/badge/-italohenrique014@gmail.com-c14438?style=flat-square\u0026logo=Gmail\u0026logoColor=white\u0026link=mailto:italohenrique014@gmail.com)](mailto:italohenrique014@gmail.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitaloh623%2Fignews","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fitaloh623%2Fignews","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitaloh623%2Fignews/lists"}