Objectives

• Build a website using the features of Next.js with TypeScript and Tailwind CSS.
• Practice frontend implementation with HTML/CSS by cloning the frontend design of The New York Times.
• Display real news data by integrating News API.
• Display local weather data by integrating Weather API.

Tech Stack

• TypeScript
• Next.js
• Tailwind CSS

Demo Screenshot

Development Mode

npm run dev
# or
yarn dev
# or
pnpm dev

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