All the code for building and deploying bigmunny.com lives here. The website takes a two-step approach to delivering content:
- A fast homepage with image previews for the portfolio
- 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.
Framework | Testing | Hosting |
---|---|---|
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.
This repo uses typical node build commands to run the production server,
$ npm ci
$ npm run build
$ npm run start
For unit testing with Jest,
$ npm run test
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.