https://github.com/aryanvichare/stocks

📈 Stock Picker using Next.js, React Server Components, Tailwind CSS, and shadcn/ui components and charts
https://github.com/aryanvichare/stocks

Last synced: 23 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/aryanvichare/stocks
• Owner: aryanvichare
• Created: 2024-07-06T06:21:43.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-07-07T00:21:15.000Z (5 months ago)
• Last Synced: 2024-07-10T07:27:53.153Z (5 months ago)
• Language: TypeScript
• Homepage: https://stocks-blue-rho.vercel.app
• Size: 95.7 KB
• Stars: 157
• Watchers: 2
• Forks: 13
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-shadcn-ui - stocks - Stock Picker using Next.js, React Server Components, and shadcn/ui charts. (Libs and Components)
• awesome-shadcn-ui - Stocks - Stock Picker using Next.js, React Server Components, and shadcn/ui charts. (Components)
• awesome-shadcn-ui - Stocks - Stock Picker using Next.js, React Server Components, and shadcn/ui charts. (Components)

README

        
# Stock Picker

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Faryanvichare%2Fstocks)

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.





# 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:

   ```bash

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

   ```

2. Move to the cloned directory

   ```bash

   cd stocks

   ```

3. Install dependencies:

   ```bash

   npm install

   ```

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

   ```bash

   cp .env.example .env.local

   ```

5. Get your API Key from [Polygon.io](https://polygon.io/) and paste it into your .env.local

6. Run the development server:

   ```bash

   npm run dev

   ```