The Nature's cabin

This is a fictitious project built with Next.js 14, Supabase, and Tailwind CSS, focusing on SEO and performance optimization. The project also integrates NextAuth.js to manage authentication, including a guest area.

This also contains user dashboard called mycabins where The Nature's Cabin user can manage booking, checking and whole other hotel management stuff.

Table of Contents

• Features
• Technologies Used
• Getting Started
• Environment Variables
• Project Structure
• Authentication with NextAuth.js
• Performance Optimizations
• SEO Optimization
• Scripts
• License

---

Features

• Next.js 14: App Router for modern routing and optimized rendering.
• Supabase: Backend-as-a-service for database, authentication, and APIs.
• Tailwind CSS: Utility-first CSS framework for rapid UI development.
• NextAuth.js: Authentication for users and a guest area.
• SEO-Optimized: Includes meta tags, sitemap generation, and structured data.
• Performance Optimization: Code splitting, image optimization, and lazy loading.

---

Technologies Used

• Next.js 14 (App Router)
• Supabase (Authentication & Database)
• NextAuth.js (User authentication with guest area)
• Tailwind CSS (For styling)
• React 18
• ESLint & Prettier (For code quality)
• Vitest (For testing)
• JSDOM (For browser environment in tests)

---

Getting Started

Prerequisites

Ensure you have the following installed:

• Node.js (>= 18.x)
• npm or yarn