Armonvan Photography
:camera: Online portfolio for a freelance photographer - built with Typescript, Next.js, MUI, Strapi, Vercel and Railway.
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.
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.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Material UI
material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.
- Strapi
Strapi is an open source headless CMS that provides a customizable content management system and API for your projects. It allows you to manage content in a visual interface and use a REST or GraphQL API to retrieve the data.
- Portfolio
A portfolio website is a type of website that showcases an individual's or a company's work, skills, and accomplishments. It typically includes a gallery of images or videos, case studies, and client testimonials to provide potential clients or employers with a comprehensive overview of their experience and expertise.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Vercel
Vercel offers built-in support for deploying and hosting Next.js applications, making it a popular choice among Next.js developers.