NextJS News App

A News App built using NextJS, utilizing Guardian API to fetch the article data.

NOTE: This is not an official website, just for experiment purpose.

User Stories

The user can browse the latest news from the Guardian API and see the articles collated together.
The user can sort all news based on their sorting strategy (Newest First or Oldest First).
Allow users to search for articles by entering a search term.
Progressively load more articles by scrolling down the list.

Clone the project repository: git clone git@github.com:ytliuSVN/next-news-app.git
Navigate to the project folder: cd next-news-app
Install the dependencies: npm install
Start the app in the development mode: npm run dev

Open http://localhost:3000 with your browser to see the result.

Copy and setup environment. An example .env.local:

GUARDIAN_API_KEY=
GUARDIAN_API_URL=https://content.guardianapis.com/

Name		Name	Last commit message	Last commit date
Latest commit History 73 Commits
components		components
cypress		cypress
pages		pages
public		public
styles		styles
.gitignore		.gitignore
README.md		README.md
cypress.json		cypress.json
next.config.js		next.config.js
package-lock.json		package-lock.json
package.json		package.json