A website template that satisfies some common website requirements for a photography website including dynamic pages, blog articles, author management, SEO ability, contact form, website search and photo gallery page.
- Fully responsive down to mobile w/ Bootstrap frontend
- SEO ready
- A contact form that sends an email to your email(s) of choice and to Cosmic JS for easy reference
- Full-site search functionality
- Work page gallery powered by Photoswipe and easily managed by Cosmic JS
- All content is easily managed in Cosmic JS including pages and contact info.
Sign up for Cosmic JS to install the demo content and deploy this website.
git clone https://github.com/cosmicjs/cosmicapp-photography-website
cd cosmicapp-photography-website
npm install
Import the bucket.json
file into your Cosmic JS bucket. To do this, login to Cosmic JS and in your bucket left side nav, go to Import / Export. Drag and drop the bucket.json
file from this repo to import all data and files to get started.
COSMIC_BUCKET=your-bucket-slug npm start
Go to http://localhost:3000.
Create a config/development.js
file and match it to config/production.js
with your values.
npm run development
Go to http://localhost:5000.
Because Node.js doesn't have a mail server, the contact form uses MailGun to send emails.
- Go to MailGun and login to your account or setup a new account.
- Get your api key and domain.
- To configure your deployed application, add your domain and api key to your environment variables (MAILGUN_DOMAIN, MAILGUN_KEY) located in Your Bucket > Web Hosting > Environment Variables, or hard code them into
config/production.js
(not advised).