Welcome to The Wild Oasis πΏβa luxurious retreat nestled in the heart of nature. This website is your gateway to reserving one of our 8 exclusive luxury cabins, each offering unparalleled comfort and tranquility. Experience the perfect blend of luxury and nature with The Wild Oasis. π
- View Our Cabins: Explore stunning visuals and details of our 8 luxury cabins.
- Effortless Reservations: Book your favorite cabin with ease.
- Google Authentication: Securely log in with your Google account.
- Elegant Design: A simple yet sophisticated user interface, reflecting the charm of The Wild Oasis.
This project leverages modern technologies to deliver a seamless experience:
- Next.js π: For a blazing-fast, server-rendered React experience.
- Tailwind CSS π¨: To create a sleek, responsive, and beautiful design effortlessly.
- Supabase.js π‘οΈ: For database management and real-time functionality.
- Auth.js π: Enabling secure and user-friendly Google Authentication.
- Vercel π: For hassle-free deployment and lightning-fast performance.
Follow these steps to get The Wild Oasis up and running on your local machine:
- Node.js (>= 16.x)
- npm or yarn
-
Clone the repository:
git clone https://github.com/yourusername/the-wild-oasis.git cd the-wild-oasis -
Install dependencies:
npm install # or yarn install -
Set up environment variables: Create a
.envfile in the root directory with the following:SUPABASE_URL=your_supabase_url SUPABASE_KEY=your_supabase_anon_key NEXTAUTH_URL=your_project_url AUTH_SECRET=your_auth_secret GOOGLE_CLIENT_ID=your_google_client_id GOOGLE_CLIENT_SECRET=your_google_client_secret
-
Run the development server:
npm run dev # or yarn devOpen http://localhost:3000 to see the app in action.
Experience The Wild Oasis live: The Wild Oasis Website β¨