https://github.com/george-swift/daily-paper

Daily Paper is a model of a news site that pre-renders pages at build time or request time with hybrid static & server rendering.
https://github.com/george-swift/daily-paper

express nextjs react redux styled-components typescript

Last synced: about 1 month ago
JSON representation

Daily Paper is a model of a news site that pre-renders pages at build time or request time with hybrid static & server rendering.

• Host: GitHub
• URL: https://github.com/george-swift/daily-paper
• Owner: george-swift
• Created: 2021-10-06T00:05:15.000Z (about 3 years ago)
• Default Branch: development
• Last Pushed: 2021-10-08T17:58:33.000Z (about 3 years ago)
• Last Synced: 2024-04-14T01:12:45.550Z (7 months ago)
• Topics: express, nextjs, react, redux, styled-components, typescript
• Language: TypeScript
• Homepage:
• Size: 4.7 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Daily Paper

![](./assets/home.png)

## Objectives

- Pre-rendering in web applications

- Static site generation and Server-side rendering with Next.js

- Image optimization with lazy loading

- Client-side state management with Redux

- CSS-in-JavaScript

## Features

> Daily Paper is a model of a news site. It contains news articles in three broad categories: Science- from [Science News](https://www.sciencenews.org/), Technology- from [BBC](https://www.bbc.com/news/technology), and Arts- from [Arts News](https://www.artnews.com/). The Home page displays a compact version of news from all three categories. Below each category are links to more news articles in the section.

> Clicking on any article forwards a user to the post with an option to add comments.

_Post page_

![](./assets/post.png)

> Daily Paper is fully responsive and supports all screen sizes.

_Mobile View_

![](./assets/mobile.png)

## Built With

- Next.js

- React

- Redux

- TypeScript

- Express

- Styled Components

- Yarn

## Getting Started

- Clone this project by running `git clone [email protected]:george-swift/daily-paper.git`

- Run `npm install` to install the required dependencies.

- After installing all dependencies, run `yarn dev` to fire up a local server with live reloading.

- If not already redirected, visit `http://localhost:3000/` in your browser to use _Daily Paper_

- To terminate the server, enter `Ctrl + C` in your terminal.

## Authors

👤   **Ubong George**

- LinkedIn: [Ubong George](https://www.linkedin.com/in/ubong-itok)

- Twitter: [@\_\_pragmaticdev](https://twitter.com/__pragmaticdev)

- GitHub: [@george-swift](https://github.com/george-swift)

## Acknowledgments

- [Next.js](https://nextjs.org/)

- [TypeScript](https://www.typescriptlang.org/)

- [React](https://reactjs.org/)

- [Redux](https://redux.js.org/introduction/getting-started)

- [Fullstack React with TypeScript](https://newline.co/discord/)

## Show your support

Leave a :star:️   if you like this project!

## License

Available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).