Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pnvdev/nextjs-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.
https://github.com/pnvdev/nextjs-meals-searcher
Last synced: 27 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/pnvdev/nextjs-meals-searcher
- Owner: pnvdev
- License: mit
- Created: 2024-08-12T01:29:07.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-12T04:27:20.000Z (5 months ago)
- Last Synced: 2024-08-13T02:49:39.588Z (5 months ago)
- Language: TypeScript
- Homepage: https://nextjs-meals-searcher.vercel.app
- Size: 104 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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:
```bash
git clone https://github.com/pnvdev/nextjs-meals-searcher.git
cd nextjs-meals-searcher
```
2. Install dependencies:
```bash
npm install
# or
yarn install
# or
pnpm install
# or
bun install
```
3. Running the Development Server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open [http://localhost:3000](http://localhost:3000) in your browser to see the app.
## Learn More
- [Next.js Documentation](https://nextjs.org/docs) - Learn more about Next.js features and API.
- [Tailwind CSS Documentation](https://tailwindcss.com/docs) - 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](https://vercel.com).
## Contributing
Contributions, issues, and feature requests are welcome! Feel free to check the [issues page](https://github.com/pnvdev/nextjs-meals-searcher/issues).
## License
This project is open-source and available under the [MIT License](LICENSE).