A Next.js website for Timber & Threads Retreat featuring availability calendar and gallery management.
- Responsive design
- Google Calendar integration for availability
- Admin panel for gallery management
- Image upload and management
- Secure admin access
- Install dependencies:
npm install- Create
.envfile: Copy.env.exampleto.envand set your admin password:
NEXT_PUBLIC_ADMIN_PASSWORD=your_secure_password
- Google Calendar Setup:
- Create a Google Calendar for the retreat
- Set sharing settings to "Make available to public"
- Get the embed code
- Replace the calendar URL in
src/components/Calendar.tsx
- Run the development server:
npm run dev- Access the admin panel at
/admin - Use the password set in
.env - Manage gallery images at
/admin/gallery
-
Set environment variables in Vercel:
NEXT_PUBLIC_ADMIN_PASSWORD
-
Deploy to Vercel:
vercel/src/app/admin/*- Admin panel pages/src/app/api/*- API routes/src/components/*- React components/public/assets/*- Uploaded images
- Built with Next.js 14
- Uses Tailwind CSS for styling
- TypeScript for type safety