General Information

Demo | GitHub | Figma

The Next.js Figma AWS project was a personal endeavor aimed at enhancing my proficiency in Next.js, Figma and incorporating AWS cloud services into the development workflow for applications and websites. This project was centered around the conceptual framework of a company within the blockchain space, named the "Metaverse of Things."

The process kicked off with the design of the user interface in Figma, followed by the breakdown of components for integration into a React-based framework, specifically Next.js. After identifying the project requirements, I initiated a Git repository and maintained regular commits, accompanied by detailed comments to facilitate versioning and communication with other developers.

Upon completing the initial version, I utilized the AWS Management Console to launch an AWS Amplify instance, establishing a continuous integration and continuous deployment (CICD) process. This included connecting the instance to the Git repository, utilizing S3 for hosting, and integrating CloudWatch for tracking and logging activities. The AWS setup allowed for instant deployment with each Git commit, creating a dummy instance for testing changes before pushing them to production.

The iterative development process continued with version two, where every Git commit triggered AWS to activate and deploy changes to the dummy instance. If the changes worked seamlessly, they were then pushed to the production environment. The project, focused on the "Metaverse of Things" concept, was refined iteratively until reaching a satisfactory 90% completion. While I occasionally revisit completed projects for experimentation, this particular endeavor was deemed successful and enjoyable.