https://github.com/shahramshakiba/nextjs-foodlovers

This platform will allow users to browse meals and share meals with other community members (⚫ NextJS)
https://github.com/shahramshakiba/nextjs-foodlovers

food-app nextjs14

Last synced: 2 days ago
JSON representation

This platform will allow users to browse meals and share meals with other community members (⚫ NextJS)

• Host: GitHub
• URL: https://github.com/shahramshakiba/nextjs-foodlovers
• Owner: ShahramShakiba
• Created: 2024-04-30T15:30:54.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-05-04T09:06:07.000Z (7 months ago)
• Last Synced: 2024-05-04T13:51:28.603Z (7 months ago)
• Topics: food-app, nextjs14
• Language: JavaScript
• Homepage:
• Size: 2.77 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#     _NextLevel Food_ 

###   _Description_

#### In pursuit of this project, my primary objective is to develop a demonstration project focused on a fictional community of food enthusiasts. During the creation of this application, I aim to delve into the fundamental concepts of NextJS. 
 

- This platform will allow users to browse meals and share meals with other community members.





> 🗝️ Which Concepts Have I Covered :

- App Router by set up routes using the file-system

- Using reserved file names like, error, loading & not-found pages

- Configuring dynamic routes

- Styling NextJS Project Using CSS Modules

- Optimizing Images with the NextJS Image Component

- Configuring an Image Slideshow

- Using Client Components Efficiently

- Setting Up A SQLite Database

- Fetching Data By Leveraging NextJS & Fullstack Capabilities

- Using Suspense & Streamed Responses For Granular Loading State Management

- Loading & Rendering Meal Details via Dynamic Routes & Route Parameters

- Configuring a Custom Image Picker Input Component

- Using Server Actions for Handling Form Submissions

- Creating a Slug & Sanitizing User Input for XSS Protection(Cross-site scripting)

- Storing Uploaded Images & Storing Data in the Database

- Managing the Form Submission Status with useFormStatus

- Adding Server-Side Input Validation

- Working with Server Action Responses & useFormState

- Triggering Cache Revalidations - revalidatePath()

- Adding Static & Dynamic Metadata




 



https://github.com/ShahramShakiba/NextJS-FoodLovers/assets/110089830/36246925-a0e7-4860-a5c0-4261dce31680

  
 


 ##  Find me around the Web