Introduction:

Hello, everyone! I recently completed a project where I deployed a basic static web page which I built earlier with Vite+React on AWS Amplify. This was a straightforward project, but it provided valuable insights into cloud deployment and the power of AWS Amplify. This project was an exciting step in my DevOps journey, where I got to explore AWS Amplify for the first time. In this post, I’ll walk you through the process and share what I learned.

1. Project Overview

This project involved creating a simple static web page using Vite and React. The focus was on building a lightweight, fast-loading page. Here’s a quick overview of the key components:

Vite + React Development: The web page was developed using Vite and React, making it lightweight and fast. It’s a basic project, but it provided a great opportunity to practice my React skills.

AWS Amplify Deployment: I deployed the app on AWS Amplify, which I was exposed to during my training at AK Infopark Nagercoil. Amplify’s integration with GitHub allowed for automatic deployment whenever changes were made to the repository — making the process incredibly smooth. It’s a simple task, but there are more complex configurations in amplify. I have tried the automatic deployment by authenticating with GitHub as well as the manual upload which I found not a good practice, because of the lack of CI/CD.

CI/CD Pipeline: The seamless integration between GitHub and AWS Amplify ensured that any changes in the code were automatically deployed, giving me hands-on experience with continuous integration and continuous deployment. I took the time to learn about the process between GitHub and Amplify and I felt so fascinated by how a simple deployment is leveraging CI/CD.

2. Challenges & Solutions

While the project was basic, it came with its own set of challenges:

Setting Up Amplify: Authenticating AWS Amplify with my GitHub account was a new experience, but it provided a smooth workflow for continuous deployment.

Learning from Training: I first learned about AWS Amplify during my training at AK Infopark Nagercoil, and this project was my first hands-on experience applying that knowledge.

3. Key Learnings

Here are some of the key takeaways from this project:

CI/CD in Action: Implementing a CI/CD pipeline through AWS Amplify was a great way to experience continuous integration and deployment in real-time.

Hands-On with AWS Amplify: Deploying a static site gave me practical experience with cloud services and reinforced the concepts I’ve been learning in my DevOps journey.

4. Reflecting on the Experience

Deploying this static web page was a small but significant step in my learning journey. It taught me the importance of automation and cloud services in modern web development. I’m excited to continue this journey and apply these concepts to more complex projects.

Conclusion:

This project was a great way to start exploring cloud deployment with AWS Amplify. If you are interested in DevOps, cybersecurity, web development technologies, cloud, or tech overall. let’s connect and share our experiences!

DevOps #AWSAmplify #Vite #React #CI/CD #StudentJourney #ContinuousLearning