NiNES - Marketing Site for Gaming Platform

Purpose

Marketing page for a gaming platform called, NiNES!

The landing page

The blog section

A blog post

The site includes:

• Landing page showcasing the platform
• Blog section for updates and content
• Individual blog post pages
• Beta signup functionality

Functionality

There isn’t a ton of functionality required on this one, as it’s just a marketing page meant for advertising a platform, however there are some basic things involved.

The site is an Astro web application with a few React components for some of the interactive UI island pieces, such as the site nav, the join beta form, etc.

The site is hosted as a Cloudflare page and interacts with a Cloudflare worker to handle the users who sign up for the beta. Basically, when a user signs up, the webapp sends a POST request to the CF Worker, which does some validation with CORS and header checks and then it will insert the data into a Cloudflare D1 database if it does not already yet exist.

It’s all mobile-friendly and whatnot.

I know this could have been done in simpler ways but it was a fun challenge which I haven’t tried before using Cloudflare. Oh, this was my first real attempt to mess with Tailwind CSS (aside from this site…) and I really like it!

Tech Used

• Astro Server - Static site framework
• Cloudflare Page - Hosting platform
• Cloudflare Worker - Serverless functions
• Cloudflare D1 database - Edge database
• Tailwind - CSS framework
• Github - Version control