Skip to content

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

Notifications You must be signed in to change notification settings

danaoairuike/stocks

 
 

Repository files navigation

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 95.7%
  • CSS 3.8%
  • JavaScript 0.5%