Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/franciscoossian/evox-news

A newsletter site, to make you a person with more information. Built with React.JS and a third-party API that does all the work of selecting news.
https://github.com/franciscoossian/evox-news

foln-project-content nextjs react

Last synced: 9 days ago
JSON representation

A newsletter site, to make you a person with more information. Built with React.JS and a third-party API that does all the work of selecting news.

Awesome Lists containing this project

README

        

# 📰 Evox News

Evox News its a newsletter with recharging 24h of world news, you can search of any news you can think, search and swap to news pages.

Evox News get data of news in a API and serving with next.js and react.js. Coming back the style of serving rendered pages, but in first click, next.js pass the process to the client. Most fast, and economic.

See the result online in this link [https://evox-news.vercel.app/](https://evox-news.vercel.app/)

## 💻Result of Code




## 🚀 Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

### 💻Clone this project to your local machine
```
$ git clone *this repo link*
```

### ⚙️Configuring

#### 📁Open the file src/.env

Open the file src/.env and put your credentials api, local url. You can use the same "sample image", but if you think in edit this project, I recommend create your image and host for use. 👍

Evox News uses API to get news informations, you can use the same API. Get in [API news](https://newsapi.org/) and put your credential token in .env whith the same name.

#### 🏃‍♂️Runing the project

##### In project folder, type:

```bash
npm run dev
# or
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## Learn More

To learn more about Next.js and React.js, take a look at the following resources:

- [React.js Documentation](https://reactjs.org/docs/getting-started.html) - learn about Next.js.
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.

## Deploy

You can deploy in any platforms, this project is host in [vercel](https://vercel.com/import). But is your decision.

Any platforms too have a sync feature with github project, have fun!