DEV Community: ninefyi

Hacktoberfest 23 Contributor and Maintainer

ninefyi — Tue, 24 Oct 2023 08:24:18 +0000

Intro

Hey there! I'm an old-school developer. I'm an admin of MongoDB Thailand User Group. I joined many Hacktoberfest events. I love to contribute my knowledge when I am available to Thai developers. Please check out my GitHub profile - ninefyi.

As a contributor

Highs and Lows

Highs: This year, it is easy to find Thai open-source repos. Many Thai developers create awesome repos, which I can find in one place.

Lows: It is not easy to manage the time when you intend to contribute something to the communities.

As a maintainer

Project

The project is the MongoDB tutorial website for Thai developers because sometimes it is difficult for anyone who can understand some technical content. That is why I created it.

mongodbthailand / mongodbthailand.github.io

mongodbthailand.com Website

โปรเจกต์นี้สำหรับเก็บซอร์สโค้ดของเว็บไซต์ MongoDB Thailand เว็บไซต์รวบรวมข้อมูลและคำแนะนำการใช้งาน MongoDB สำหรับคอมมูนิตี้ชาวไทย

Hacktoberfest 2023

ปัจจุบันโครงการนี้เปิดรับ MR เพื่อเพิ่มคอนเทนต์ที่น่าสนใจ สามารถติดตามรายละเอียดเพิ่มเติมได้ที่ หน้ารายละเอียดกิจกรรม Hacktoberfest 2023

สำหรับนักพัฒนาและผู้ร่วมแก้ไข

เพื่อให้โปรเจกต์นี้มีรูปแบบการย่อหน้าที่ตรงกัน กรุณาลง Extension EditorConfig ในโปรแกรมแก้ไขโค้ดของท่าน

🚀 Project Structure

Inside of your Astro + Starlight project, you'll see the following folders and files:


├── public/
├── src/
│   ├── assets/
│   ├── content/
│   │   ├── docs/
│   │   └── config.ts
│   └── env.d.ts
├── astro.config.mjs
├── package.json
├── tailwind.config.cjs
└── tsconfig.json

Starlight looks for .md or .mdx files in the src/content/docs/ directory. Each file is exposed as a route based on its file name.

Images can be added to src/assets/ and embedded in Markdown with a relative link.

Static assets, like favicons, can be placed in the public/ directory.

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command	Action
`npm install`	Installs dependencies
`npm run dev`	Starts local dev server at `localhost:4321`
`npm run`

…

View on GitHub

Highs and Lows

Highs: I can find many Thai contributors who can help and use MongoDB this year. I hope they enjoy it and make our repo invaluable.

Low: I still need more contributors to share their knowledge with other people through the website.

Thank you!!!

GitHub Actions for MongoDB Atlas App Services

ninefyi — Tue, 23 May 2023 09:11:59 +0000

What I built

I created GitHub Actions for MongoDB Atlas App Services. There are two jobs:

build Astro to generate static files
copy static files and push them to MongoDB Atlas App Services.

Category Submission:

DIY Deployments

App Link:

Click

Screenshots

There are two parts: GitHub Codespaces and GitHub Actions.

GitHub Codespaces

Open GitHub Codespaces link to GitHub
Open the terminal inside GitHub Codespaces and run below command
npm create astro@latest -- --template framework-svelte
Update svelte.config.js
Update package.json
Run npm run dev
you can open browser after run no 5.
create a GitHub Actions workflow.

name: deploy-mdb-atlas-app-service
run-name: ${{ github.actor }} deploys an app on the Atlas App Service
on: [workflow_dispatch]
jobs:
  build-astro-svelte:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
          node-version: '18'
      - run: npm i
        working-directory: ./fe 
      - run: npm run build
        working-directory: ./fe
      - run: mkdir -p ./data/files
      - run: cp -R ./fe/dist/* ./data/files
      - uses: actions/upload-artifact@v3
        with:
          name: build-artifact
          path: ./data
  deploy-to-aas:
    runs-on: ubuntu-latest
    needs: build-astro-svelte
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
          node-version: '18'
      - run: npm install -g mongodb-realm-cli
      - run: mkdir -p build-artifact
      - uses: actions/download-artifact@v3
        with:
          name: build-artifact
          path: build-artifact
      - run: realm-cli login --api-key ${{ secrets.API_KEY }} --private-api-key ${{ secrets.PRIVATE_API_KEY }} -y
      - run: realm-cli pull --remote ${{ vars.APP_ID }}
      - run: cp -R ./build-artifact/* ./${{ vars.APP_NAME }}/hosting
      - run: realm-cli push --remote ${{ vars.APP_ID }} -s -c -y
        working-directory: ./${{ vars.APP_NAME }}

After create dev and GitHub Actions on GitHub Codespaces, we will prepare MongoDB Atlas App Services.

Sign-in on https://cloud.mongodb.com/.
Go to Data services and "Create"
Create a paid MongoDB cluster.
Create an app services
Enter required information and "Create".
Enable hosting.
Copy APP ID.
Create API KEY for GitHub Actions.
Enter required information.
Copy and Save the "Public and Private API key"

After prepare MongoDB Atlas App Services, we will create secrets & variables on GitHub settings.

Go to "New repository variable"
Create APP_NAME variable.
Create APP_ID variable
Create APP
Go to "New repository secret"
Create API_KEY secret.
Create PRIVATE_API_KEY secret.
Run workflow manually for deployment.
If workflow runs passed, you can see files in hosting and can see the result on the website.

10.
Website

Description

This application runs on MongoDB Atlas App Services (Hosting). It is a service for static files. I will show how to use GitHub Actions to create CI/CD pipeline for Atlas App Service deployment. I also demonstrate how to use GitHub Codespaces for testing deployment to run Astro.

Link to Source Code

GitHub repo

Permissive License:

MIT

Background (What made you decide to build this particular app? What inspired you?)

My inspiration is the less content about MongoDB Atlas App Services and how to use GitHub Codespaces and GitHub Actions to create an automated deployment frontend to MongoDB Atlas App Services.

How I built it (How did you utilize GitHub Actions or GitHub Codespaces? Did you learn something new along the way? Pick up a new skill?)

I used GitHub Codespaces for development and GitHub Actions to deploy static files to MongoDB Atlas App Services. I learned how to test my front-end website using GitHub Codespaces. It is a free tier, and I do not need to install any software on my laptop. I learned how to use secrets and variables to hide my key from MongoDB Atlas for GitHub Actions. It looked seamless between GitHub Codespaces and GitHub Actions.

Additional Resources/Info

Pulumi Challenge 03

ninefyi — Sun, 13 Nov 2022 14:56:46 +0000

I did the Pulumi Challenge 03, and I published my code on this.

What did I learn from Pulumi Challenge 03?

It is easy to use Pulumi deployment because it will link to GitHub. When you push code to GitHub, Pulumi deployment will automatically build your code.
I learnt how to use AWS CLI to get a session token from an MFA account using the below command.

Display MFA devices

aws iam list-mfa-devices

Create a temporary session token

ws sts get-session-token --serial-number [SerialNumber] --token-code [Token from MFA device] --duration-seconds 86400

After I push the code to GitHub, the Pulumi deployment will run immediately.

The pulumi is the one tool that I should learn :).

Pulumi Challenge 01

ninefyi — Sat, 24 Sep 2022 09:13:03 +0000

I attended the [Pulumi Challenge 01].

It is exciting because I love programming for Infrastructure as Code (IaC) and learning about any services in any cloud platform, such as AWS and Azure GCP.

What I learned from Pulumi challenge 01.

How to create a Pulumi account.
How to create a new AWS account.
How to create a new Checkly account.
How to install Pulumi CLI on my MacBook Pro using:

brew install pulumi

How to install AWS CLI on my MacBook Pro using:

brew install awscli

How to create Access Key and Secret from AWS account.
How to create API Key from Checkly.
How to find Account ID from Checkly.
How to link Checkly key to Pulumi by using the below command.

pulumi config set checkly:apiKey <YOUR API KEY> --secret
pulumi config set checkly:accountId <YOUR ACCOUNT ID>

How to set up an AWS profile using:

aws configure

How to solve the problem of running the website because there are limits on the country that can display only from these countries which are ("US", "CA", "GB", "DE").

You can find the code below inside cdn-website > index.ts

I live in Singapore, so I can't open the website because AWS Cloudfront allows only specific regions. I can fix it by adding my country code.

Before


restrictions: {
          geoRestriction: {
            restrictionType: "whitelist",
            locations: ["US", "CA", "GB", "DE"],
          },
        },

After


restrictions: {
          geoRestriction: {
            restrictionType: "whitelist",
            locations: ["US", "CA", "GB", "DE", "SG"],
          },
        },

You can deploy all resources and pulumi projects using:

pulumi up

You can also clean up all resources and projects using:

pulumi destroy && pulumi stack rm <your environment>

Please feel free to see my video recording for more information.

You can also find my repo which includes everything you need for this challenge here.

Keep learning!!!

[Azure Trial Hackathon - SonarQube community branch plugin on AKS]

ninefyi — Tue, 08 Mar 2022 14:33:14 +0000

Overview of My Submission

My project is for the Developers who need to deploy the SonarQube which is the code quality tool on the Kubernetes cluster. This tool is useful for the software company to analyze the code before deploying the code on a production/staging environment. It would be helpful for Devs who need to set up like me :)

Submission Category: Computing Captains

My Github Repository:

ninefyi / azuretrialhack-2022

https://dev.to/ninefyi/azure-trial-hackathon-sonarqube-community-branch-plugin-on-aks-4pjb-temp-slug-8928180/edit

My project is for The Microsoft Azure Trial Hackathon on Dev.to

Dev.to

Plugin

Azure-CLI

Instruction

az login

az account set -s "[Subscription name]"

az group create --name rg-aks-trial --location eastasia

az network public-ip create -g rg-aks-trial -n pip-aks-trial --dns-name aks-trial --allocation-method Static --sku Standard

az aks create --resource-group rg-aks-trial --name aks-trial --node-count 3 --node-vm-size Standard_B2s

az aks install-cli

az aks get-credentials --name aks-trial -g rg-aks-trial --admin

az aks show -g rg-aks-trial -n aks-trial --query "identity.principalId" -o tsv

az account show --query "id" -o tsv

az role assignment create --assignee "answer_no_8" --role "Network Contributor" --scope subscriptions/answer_no_9/resourceGroups/rg-aks-trial

az network public-ip list -g rg-aks-trial -o tsv --query "[].ipAddress"

kubectl config use-context aks-trial-admin

kubectl create namespace sonarqube

kubectl apply -f ./aks/postgres

kubectl apply -f ./aks/sonarqube

kubectl label namespace sonarqube cert-manager.io/disable-validation=true

helm repo add ingress-nginx https://kubernetes.github.io/ingress-nginx

helm repo add jetstack https://charts.jetstack.io

helm repo update

helm install nginx-ingress ingress-nginx/ingress-nginx \ --version 4.0.13 \ --namespace sonarqube \…

View on GitHub

Software deployment on AKS

Website: SonarQube Community Editon
Database: Postgres
SSL: Letsencrypt

Azure resources

Azure Kubernetes Services
Azure Public IP Address

DEV usernames: ninefyi