/stocks

📈 Stock Picker using Next.js, React Server Components, Tailwind CSS, and shadcn/ui components and charts

Primary LanguageTypeScript

Stock Picker

Deploy with Vercel

Demo web app using Next.js, React Server Components, and Streaming "server-rendered" stock price data from Polygon.io API. Original inspiration from @rauchg's tweet - https://x.com/rauchg/status/1809389050568298625

This project uses the brand new shadcn/ui charts library - https://ui.shadcn.com/charts.

Screenshot 2024-07-06 at 3 23 43 AM Screenshot 2024-07-06 at 3 24 26 AM

Features

  • Built with Next.js App Router, Typescript, TailwindCSS, and Shadcn/UI (and latest charting components)
  • Uses React Server Components and Streaming "server-rendered" stock price data from Polygon.io API

Getting Started

  1. Clone this repository to your local machine:

    git clone https://github.com/aryanvichare/stocks.git

  2. Move to the cloned directory

    cd stocks

  3. Install dependencies:

    npm install

  4. Copy the .env.example to your .env.local

    cp .env.example .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