Skip to content

stevenjlm/big-munny-photos

Repository files navigation

Big Munny Photos Website (codename: Composition)

Static Badge

All the code for building and deploying bigmunny.com lives here. The website takes a two-step approach to delivering content:

  1. A fast homepage with image previews for the portfolio
  2. High-resolution links from the previews to allow web surfers to look more in detail

I built the website with Next.js primarily because of its image optimization capabilities. In conjunction with Vercel hosting, bigmoney.com has access to most of the latest and greatest tools for handling photo-rich pages.

Tech Stack Overview

Framework Testing Hosting
Next JS TailwindCSS cypress Jest Vercel

Next.js 13 and Tailwind formed the basis for the website and its UI. Jest runs the unit tests, and End-to-End testing is set up with Cypress. I made some attempts at hosting in different locations, but Vercel, so far, has been by far the easiest solution. Vercel is fully integrated with this repository for automatic CI/CD.

Build

This repo uses typical node build commands to run the production server,

$ npm ci
$ npm run build
$ npm run start

Test

Unit Tests

For unit testing with Jest,

$ npm run test

E2E Testing

Note: Cypress needs to connect to a running server to run tests. Run $ npm run start in a terminal and then run,

$ npm run cypress

in another.

About

My photography website built with NextJS

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published