README.md

🎸 Online Guitar Shop – Software Engineer Intern Assignment

A 3-page guitar shop application built with Next.js 15 and Apollo Client, fetching data from a GraphQL API.
This project demonstrates GraphQL integration, filtering, pagination, and UI best practices.

---

🚀 Tech Stack

• Next.js 15 – React framework for hybrid rendering
• Apollo Client – GraphQL data fetching
• TypeScript – Type safety
• Tailwind CSS – Styling
• Shadcn - Components Library
• GraphQL API – Data source

---

⚙️ Setup Instructions

1. Clone the Repository

git clone https://github.com/ronrustemi123/VibeStrings.git
cd VibeStrings

2. Install Dependencies

npm install
yarn install
pnpm install

3. Environment Variables

touch .env

Open .env.local and add the following line:

APOLLO_CLIENT_URI=https://graphql-api-brown.vercel.app/api/graphql

4. Run the Development Server

npm run dev
yarn dev
pnpm dev