Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ahmed-yasser-66/wild-oasis-website
The customers website for the wild oasis hotel built with next js
https://github.com/ahmed-yasser-66/wild-oasis-website
nextjs14 server-actions server-side-rendering supabase
Last synced: about 1 month ago
JSON representation
The customers website for the wild oasis hotel built with next js
- Host: GitHub
- URL: https://github.com/ahmed-yasser-66/wild-oasis-website
- Owner: Ahmed-yasser-66
- Created: 2024-12-31T19:04:13.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-12-31T19:27:49.000Z (about 1 month ago)
- Last Synced: 2025-01-12T21:12:39.416Z (about 1 month ago)
- Topics: nextjs14, server-actions, server-side-rendering, supabase
- Language: JavaScript
- Homepage:
- Size: 74.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Wild Oasis Hotel Website πΏπ¨
Welcome to the **Wild Oasis Hotel Website**! π This stunning site is built with **Next.js 14**, utilizing modern features like **Server Actions** to deliver a dynamic and seamless experience for users looking to explore and book luxury cabins in nature.
## π Features
- **Cabin Reservations** π‘: Guests can easily explore available cabins and reserve their stays.
- **Authentication** π: With your google account
- **Interactive Date Picker** π : Seamless booking experience with a built-in calendar.
- **Real-Time Data** π: Efficient data handling powered by **Server Actions** in Next.js.
- **Beautiful, Responsive UI** π±: A smooth and immersive experience across all devices.## π οΈ Technologies Used
- **Next.js 14** βοΈ: The core framework utilizing server-side rendering and modern features.
- **Auth.js** π : To allow authentication by your google account
- **Server Actions** β‘: For managing reservation data in real time.
- **Supabase**: Backend for authentication and database.
- **date-fns**: For date formatting.
- **Tailwind CSS** π¨: Styling to ensure a clean, responsive design.### You can explore the [Hotel Dashboard](https://github.com/Ahmed-yasser-66/Hotel-System) wich is built with pure react for more dynamic experience :)