FS'tival 22
Team Name: Encoders
Tool Name: Next.js
Team Members:
- Daniel Inigo M (20C016)
- Siva Guhan S (20C083)
- Udaya Priya K (20C097)
Problem Statement: There are multiple news sharing apps used by single user and are often spammed by notifications. Also getting brief and customised news of your interest is more difficult. So the main objective is to develop a web portal where people can get to know the latest news around the world.
Installation: We recommend creating a new Next.js app using create-next-app, which sets up everything automatically for you. To create a project, run:
npx create-next-app@latest
yarn create next-app
pnpm create next-app
If you want to start with a TypeScript project you can use the --typescript flag:
npx create-next-app@latest --typescript
yarn create next-app --typescript
pnpm create next-app --typescript
Usage Instructions:
First, run the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.
The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out Next.js deployment documentation for more details.
For example, visit https://github.com/DanielInigo/news_app-master