Coffee Stores

A Coffee Stores website built using Next.js, Airtable, Classnames, Tailwind CSS, and SWR.

Table of Contents

• Description
• Features
• Technologies Used
• Installation
• Usage
• Configuration
• Contributing

Description

Coffee Stores is a web application that allows users to explore various coffee stores. It provides information about different coffee shops, their locations, and the types of coffee they offer. This project was built using Next.js for a seamless and efficient user experience.

Features

• Browse a list of coffee stores
• View details of each coffee store
• Responsive design for a great user experience on all devices
• Integration with Airtable for data storage
• Classnames for easy dynamic styling
• Tailwind CSS for a modern and clean UI
• SWR for efficient data fetching and caching

Technologies Used

• Next.js
• Airtable
• Classnames
• Tailwind CSS
• SWR

Installation

1. Clone the repository:

git clone https://github.com/Priya31Gupta/coffee-stores.git
cd coffee-stores

2. Install dependencies:

npm install

Usage

1. Set up your Airtable API keys and configure the environment variables (see Configuration).

2. Run the development server:

npm run dev

3. Open your browser and navigate to http://localhost:3000

4. Explore the Coffee Stores website!

Configuration

To configure the environment variables, create a .env.local file in the root directory and add the following:

AIRTABLE_API_KEY=your-airtable-api-key
AIRTABLE_BASE_ID=your-airtable-base-id

Replace your-airtable-api-key and your-airtable-base-id with your actual Airtable API key and base ID.

Contributing

Contributions are welcome! If you have any ideas, improvements, or bug fixes, feel free to open an issue or create a pull request.

---