This repository showcases my skills as a web developer by building a full stack restaurant web app using Next.js, Sanity.io, Stripe, and Tailwind CSS.
- Dynamic Pages: Utilizing Next.js for efficient server-side rendering and routing.
- Content Management: Managed restaurant data, blog posts, and news articles using Sanity.io content lake.
- Responsive Design: Styling and layout crafted using Tailwind CSS, ensuring optimal user experience across devices.
- Stripe Integration: Seamless and secure online payments through Stripe checkout.
- Blog & News: Engaging blog and news sections to keep users informed and engaged.
- Frontend: Next.js, React, Tailwind CSS.
- Database & CMS: Sanity.io.
- Payment: Stripe.
-
Clone this repository: git clone https://github.com/your-username/restaurant-web-app.git
-
Navigate to the project directory: cd restaurant-web-app
-
Install dependencies: npm install
-
Set up environment variables: Create a .env.local file in the root directory and add the following:
NEXT_PUBLIC_STRIPE_PUBLIC_KEY=your_stripe_public_key
SANITY_PROJECT_ID=your_sanity_project_id
SANITY_DATASET=your_sanity_dataset
-
Run the development server: npm run dev
-
Open your browser and navigate to: http://localhost:3000
- Explore the dynamic pages, browse menu items, and experience the responsive design.
- Read and manage blog posts and news articles in the Sanity.io content lake.
- Test the Stripe checkout process with sample card details.
This project was developed as part of my journey as a web developer. Special thanks to the open-source communities of Next.js, Sanity.io, Stripe, and Tailwind CSS. License This project is open-source and available under the MIT License. Design by CodewithSadee. All rights reserved.