Featured Project
Simple Photo AlbumThat 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.
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