Next.js Meals Searcher

Next.js Meals Searcher is a dynamic web application built with Next.js that allows users to search for and explore a variety of meal recipes. Leveraging the power of Next.js for server-side rendering and static site generation, this app delivers a fast and responsive user experience.

Features

• Meal Search: Quickly search for meals using keywords.
• Meal Details: View detailed information about each meal, including ingredients, instructions, and more.
• Search with URL Parameters: Implement search functionality using URL search parameters instead of useState, allowing direct linking to specific searches.
• Responsive Design: Fully responsive design optimized for different devices.

Technologies Used

• Next.js: React framework for server-side rendering and static site generation.
• TypeScript: Typed JavaScript for better development experience.
• Tailwind CSS: Utility-first CSS framework for styling.
• API Integration: Fetches meal data from an external API.

Getting Started

Prerequisites

• Node.js and npm/yarn/pnpm/bun installed on your machine.

Installation

1. Clone the repository:

   git clone https://github.com/pnvdev/nextjs-meals-searcher.git
   cd nextjs-meals-searcher

2. Install dependencies:

   npm install
   # or
   yarn install
   # or
   pnpm install
   # or
   bun install

3. Running the Development Server:

   npm run dev
    # or
    yarn dev
    # or
    pnpm dev
    # or
    bun dev

Open http://localhost:3000 in your browser to see the app.

Learn More

• Next.js Documentation - Learn more about Next.js features and API.
• Tailwind CSS Documentation - Learn how to style your application with Tailwind CSS.

Deployment

The easiest way to deploy your Next.js app is to use the Vercel Platform.

Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

License

This project is open-source and available under the MIT License.