More Premium Hugo Themes Premium Nextjs Themes

Armonvan Photography

:camera: Online portfolio for a freelance photographer - built with Typescript, Next.js, MUI, Strapi, Vercel and Railway.

Armonvan Photography

:camera: Online portfolio for a freelance photographer - built with Typescript, Next.js, MUI, Strapi, Vercel and Railway.

Author Avatar Theme by jamesikjo
Github Stars Github Stars: 5
Last Commit Last Commit: Jun 9, 2023 -
First Commit Created: Dec 18, 2023 -
Armonvan Photography screenshot

Overview

ArmonVan Photography is an online portfolio that showcases the work of a freelance photographer based in Oakland, California. The website is built using various technologies and incorporates a number of key features.

Features

  • Content management powered by Strapi headless CMS: The website utilizes Strapi as its content management system, allowing the photographer to easily update and manage the content on the site.
  • Static pre-rendered pages with Incremental Static Regeneration (ISR): The pages on the website are pre-rendered and served as static files, providing fast loading times and optimal performance. With Incremental Static Regeneration, the pages are re-generated in the background when changes are made to the content.
  • Cloudinary used as default media storage provider for Strapi CMS: The website uses Cloudinary as the default media storage provider for the Strapi CMS, allowing for efficient storage and retrieval of media files such as images.
  • Contact form service using Sendgrid API as serverless integration: The website incorporates a contact form, which is powered by the Sendgrid API. This serverless integration allows for seamless communication with the photographer through email.
  • Responsive photo gallery with synchronized thumbnail controls and scrolling into view on smaller viewports: The website features a responsive photo gallery that adapts to different screen sizes. It includes synchronized thumbnail controls for easy navigation and scrolling into view on smaller viewports for enhanced user experience.

Installation

To install the ArmonVan Photography theme, follow the steps below:

  1. Clone the repository:

    git clone [repository-url]
    
  2. Install the required dependencies:

    npm install
    
  3. Configure the Strapi CMS and Cloudinary media storage provider.

  4. Deploy the backend using Railway:

    railway up
    
  5. Deploy the frontend using Vercel:

    vercel --prod
    
  6. Access the website using the provided URL.

Summary

ArmonVan Photography is an online portfolio that utilizes various technologies and incorporates key features such as content management with Strapi CMS, static pre-rendering with ISR, and a responsive photo gallery. The theme provides an efficient and visually appealing way to showcase the work of a freelance photographer.