Featured Project

Simple Photo Album

That page makes a request to Contentful to fetch a specific entrie's data. That entry is an instance of a "Photo Album" contentent model. That model contains an album title, description and a reference to any number of image items already uploaded to my Contentful account.

Every time I upload a new image to Contentful and link it to this album and regenerate the static site the new image will appear on that page.

I'll be expanding it to include multiple albums and adding code examples soon.

Follow Wade at

Ready to play?

Try Wadle

About this site

Infrastructure

  • Hosted on AWS
    • S3: Buckets to hold our static pages
    • Cloudfront: A CDN to serve and cache pages from Edge locations across the globe
    • Route53: DNS Management for the domain
    • Lambda Functions backed by API Gateway
  • Infrastructure orchestrated and deployed using the Serverless Framework
    View it now

Code Stack

  • Next.js Open-source react framework generating the static website
  • React.js: Open-source front-end JavaScript library for building user interfaces or UI components
  • Node.js: Javascript runtime environment

Other Tools

  • Contentful Headless CMS used to externalize and serve copy.
  • GreenSock Animation Platform (GSAP) for advanced Animations
Praying MantisMaeve PretzelSpider CrabIguana Pal
Hope
The StageCaptain PR