https://github.com/fishwasher/next-news

A web news aggregation stack based on Next.js / React.js and NewsAPI
https://github.com/fishwasher/next-news

lesscss newsapi nextjs reactjs reactjs-demo reactjs-with-es6 zeit-now

Last synced: 13 days ago
JSON representation

A web news aggregation stack based on Next.js / React.js and NewsAPI

• Host: GitHub
• URL: https://github.com/fishwasher/next-news
• Owner: fishwasher
• Created: 2019-05-29T20:07:27.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T05:55:12.000Z (almost 2 years ago)
• Last Synced: 2024-10-30T16:07:32.149Z (2 months ago)
• Topics: lesscss, newsapi, nextjs, reactjs, reactjs-demo, reactjs-with-es6, zeit-now
• Language: JavaScript
• Homepage: https://next-news.strayfish.now.sh
• Size: 1.02 MB
• Stars: 1
• Watchers: 0
• Forks: 1
• Open Issues: 15
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# The Next News Project

Originally created as a *proof-of-concept* project driven by the [**Next.js**](https://nextjs.org/) framework that uses [**React.js**](https://reactjs.org/) library and is designed for [**Node.js**](https://nodejs.org/en/) environment.

The project's goal is a news feed aggregation web site driven by the [**News API**](https://newsapi.org/).

## Project Features

- The project is built upon *Next.js* web framework. It uses *Next*'s standard setup with modern-state *React* library.

- Most of stateful *React* components are class-free, maintaining internal state via [*hooks*](https://reactjs.org/docs/hooks-intro.html), a relatively new addition to *React*.

- Application global state is maintained with a help of *ReactN* module, which extends the concept of *hooks* to the global scope, eliminating the need of separate global state handling libraries, such as *Redux* and friends.

- [**Less**](http://lesscss.org/) CSS pre-processing is used, making sure it works just fine within the *Next* stack.

- Serverless deployment using free [*Now*](https://zeit.co/now) cloud platform, continuously-integrated with this GitHub repository.

- The data comes from the **NewsAPI** via an external proxy that provides caching and some custom presets.