Skip to content

Latest commit

 

History

History
44 lines (30 loc) · 2.06 KB

README.md

File metadata and controls

44 lines (30 loc) · 2.06 KB

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.