ReactPortfolio

photography-portfolio — React Portfolio Template

By NikDenissov

A photography portfolio template built with React and TypeScript, using Supabase for content management, suitable for photographers to showcase their work and maintain the site themselves.

Open Source SiteDownload Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-01View source

What stands out

A quick read of the recorded project description.

01

Built with React and TypeScript

02

Manage portfolio content via Supabase

03

README provides configuration instructions for favicon and environment variables

04

Code is under MIT license, free to use, modify, and distribute

05

Includes actual screenshot previews of the homepage on desktop and mobile

Template Details

This is a React portfolio template for photographers, with a tech stack of React and TypeScript, and content management relying on Supabase. The project description clearly states that it serves a real, live photography website and is designed to be reusable and customizable, making it easy for other photographers to replace with their own content.

For configuration, the README provides both a simple and a detailed path. The simple method only requires replacing src/assets/favicon.example.svg with your own icon file; the detailed method involves environment variables, with examples centralized in .env.example. It is recommended to rename it to .env.local to be included in gitignore, where VITE_FAVICON points to the favicon image path. The repository uses the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code, but third-party assets such as demo images, fonts, and icons need to be checked separately for licensing, and external services like domain, hosting, and database may incur costs.

ReactPortfolio

Is it right for your project?

Use Cases

  • Photographers building a personal portfolio site
  • Maintaining photos and content in Supabase and syncing to the frontend
  • Using as a starting point for React portfolio projects for further customization

Suitable For

  • Photographers who need to showcase their photography work and manage content themselves
  • Developers familiar with React and TypeScript who are willing to configure environment variables according to the README
  • Users looking for an MIT-licensed portfolio template for personal or commercial projects

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Rename .env.example to .env.local so it is ignored by gitignore

  2. 2

    Replace src/assets/favicon.example.svg with your own icon and update the VITE_FAVICON path accordingly

  3. 3

    Third-party assets such as demo images, fonts, and icons need to be checked separately under their respective licenses

  4. 4

    External services like Supabase, domain, and hosting may incur additional costs

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is for this version of the code, and does not imply that external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version of the code are permitted.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Using this template requires configuring environment variables according to the README: rename .env.example to .env.local and set VITE_FAVICON to point to the favicon image path, otherwise the site icon will not display correctly.
  • The README recommends renaming src/assets/favicon.example.svg to favicon.local.svg and updating the VITE_FAVICON path accordingly, so that the file is ignored by gitignore and personal icons are not committed to the repository.
  • Demo images, fonts, icons, and other third-party assets need to be checked under their respective licenses; they cannot be judged solely based on the code's MIT license.
  • External services such as domain, hosting, database, payment, or AI may incur additional charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

VITE_FAVICON variable points to the favicon image.

Original README

Recommended to rename "favicon.example.svg" to "favicon.local.svg" for the file to be added to the gitignore.

Original README
https://github.com/NikDenissov/photography-portfolio/blob/main/LICENSEhttps://github.com/NikDenissov/photography-portfolio/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 80 / 100
Technologies
React
Website type
Portfolio
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2026-08-30
Screenshot last checked
2026-10-01

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies React as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 8e884a30e80e2a8f94ef0ec6c2f8b67e032eb1e08647cd5c107210e5c1979df9

2026-10-01T15:34:23.150Z

Source file / repository
## About

This project powers a real-world photography website and is intentionally designed to be reusable, customizable and easy to adapt for other photographers.

## Configuration

### Simple

#### Favicon
Replace the src/assets/favicon.example.svg file with your own image.

### Detailed

#### Environment variables
Various variables are located in the .env.example file.
Recommended to rename it from ".env.example" to ".env.local" for the file to be added to the gitignore.

VITE_FAVICON variable points to the favicon image.
Recommended to rename "favicon.example.svg" to "favicon.local.svg" for the file to be added to the gitignore. Then update the path in the VITE_FAVICON.
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

react-portfolio-template

react-portfolio-template

A React-based developer portfolio template for showcasing projects, work history, and skills. It offers a multi-component layout, dark and light modes, and responsive mobile adaptation, with text and images editable in src/components.

React · Portfolio

personal-website-react

personal-website-react

A single-page developer portfolio template built with React and Material-UI, driven by a JSON Resume-compliant resume.json. It offers light/dark theme switching with localStorage persistence, a clean responsive layout, and Create React App tooling for simple builds and static deployment.

React · Portfolio

karngyan.com

karngyan.com

A personal website and blog template for developers, built with TanStack Start, React 19, Tailwind CSS v4, and shadcn/ui. It uses MDX for articles with Shiki highlighting and GFM tables, and automatically generates RSS, sitemap, robots.txt, llms.txt, and OG images.

React · Portfolio

react-portfolio-template

react-portfolio-template

A React portfolio template by Ryan Balieiro with a fixed sidebar and page-turn transitions on desktop, bottom navigation on mobile, multilingual support, light/dark themes, and content components for experience, education, skills, projects, and testimonials.

React · Portfolio

portfolio

portfolio

A data scientist personal portfolio template built with React and MUI, with content centrally managed through configuration files in the assets directory.

React · Portfolio

react-portfolio

react-portfolio

A React 16 and Material-UI developer portfolio template that centralizes personal information in a JSON Resume-compliant resume.json, with light/dark theme switching saved to local storage. It currently provides portfolio display only; resume page templates and structured data enhancements are still planned.

React · Portfolio