Overview

Stock Picker is a web application built using Next.js, React Server Components, and streaming “server-rendered” stock price data from the Polygon.io API. The project was inspired by a tweet from @rauchg and utilizes the shadcn/ui charts library for charting components.

Features

• Next.js App Router: Built with Next.js for seamless routing capabilities.
• Typescript: Utilizes TypeScript for a more robust and type-safe codebase.
• TailwindCSS: Styling is done with TailwindCSS for a responsive and customizable design.
• Shadcn/UI Charts Library: Incorporates the shadcn/ui charts library for interactive and visually appealing charts.
• React Server Components: Uses React Server Components for efficient server rendering.
• Streaming Stock Price Data: Fetches stock price data in real-time from the Polygon.io API.

Installation

1. Clone this repository to your local machine:

git clone [repository_url]

2. Move to the cloned directory
3. Install dependencies:

npm install

4. Copy the .env.example to your .env.local
5. Get your API Key from Polygon.io and paste it into your .env.local
6. Run the development server:

npm run dev

Summary

Stock Picker is a modern web app that leverages Next.js, React Server Components, TailwindCSS, and the shadcn/ui charts library to provide a user-friendly interface for viewing streaming stock price data. By following the installation guide, users can quickly set up the application locally and start exploring real-time stock data from Polygon.io.