Website for a local hair-salon.
- Built with Next.js (Server-side rendering, image optimization)
- Responsive styling with Tailwind CSS
- Design by Daria Khudiakova
- Google maps and Google reviews integration
- Image optimization via next/image & Cloudinary
- EmailJS for contact form management
- Hosted on Vercel
-
Clone the repo
-
In root folder create a
.envfile and add your API keys
In order for Google map and reviews to work you need the following
NEXT_PUBLIC_placesAPIkey= "Google Places API key"
NEXT_PUBLIC_placeid= "Google Places Place ID"
NEXT_PUBLIC_googleMapsApiKey="Google Maps API Key"
For Contact Us form you need to make an account at EmailJS and provide these variables
NEXT_PUBLIC_templateid="Email JS Template ID"
NEXT_PUBLIC_userid="EmailJS User ID"
- Then
npm start
Salon services data is in components/Services/services-*.js
Team member data is in components/Team/members.js
This project is serverless so I am using a self hosted CORS reverse proxy for cross-origin API requests see more
- Next.js
- React
- Tailwind CSS
- EmailJS
- Add online booking
MIT License
Thanks to Daria Khudiakova design!