Personal Web Revamp

-

This is self appreciation post for completing my personal web v2, the project I procrastinate for 3 years (http://adibiarso.com) 

Why?

  • Need to expand the web purpose, to not only showcasing portfolio, but to show blogs, so I can learn writing more.
  • Explore new technology for better web UI and performance.

How?

Research Blog Platform

Available options such as : self host, blogspot, wordpress, and medium. After long time contemplation, I decide to choose blogspot, because : 
  • forever hosted free (unlike self host)
  • low quality content friendly (unlike medium)
  • easier to setup because I have current blogspot for 10 years.

Research Technology

Problem from old web : 
  • no separation of backend and frontend (laravel blade for UI)
  • old backend framework (laravel 5)
  • need to explore more FE because I used free bootstrap template with minimum customization.
after spend many times googling,  I decide to explore this in new web: 
  • Separate backend and frontend stack.
  • Using latest laravel framework (laravel 8).
  • Explore react web with material ui library.

Development

Here is the tutorial I follow : 

Deployment



What Next?

  • Explore SSL
  • Write More

Komentar

Posting Komentar

Postingan populer dari blog ini

SMK vs SMA

-
Gambar
Santai sob, ini bukan artikel tentang klasemen sementara tauran antar pelajar. Beberapa waktu yang lalu, pernah ada krabat jauh yang menanyakan perihal adiknya yang saat ini mau lulus dari bangku SMP. Beliau bertanya "Enaknya si ade dimasukkin ke SMK atau SMA ya mas?" Jeger, perasaan saya saat itu ga tau harus ngomong apa karena kayaknya jawaban saya akan mempengaruhi masa depan si doi deh. haha Berhubung saya juga belum lulus sekolah saat itu. saya ga merekomendasikan pilihan apapun dan mencoba untuk jawab sepengetahuan sendiri aja. Tapi sekarang setelah difikir fikir, saya mau coba ulas lagi hal - hal yang perlu dipertimbangkan untuk memilih jenjang pendidikan SMA atau SMK.
Read more »

Nginx Cache

-
Gambar
 Today I learn nginx feature to cache the web response. Reference :  http://nginx.org/en/docs/http/ngx_http_proxy_module.html several cache config that I think useful are cache size, cache ttl, cache condition & key, cache background update, cache lock / singleflight, and header cache status information. combined it may looks like this  proxy_cache_path /var/cache/adibiarso levels=1:2 keys_zone=adibiarso_cache:10m max_size=200m inactive=10m use_temp_path=off; location / { proxy_cache adibiarso_cache; proxy_cache_key "$request_uri"; proxy_cache_valid 200 404 1m; proxy_cache_use_stale error timeout http_500 http_502 http_503 http_504; proxy_cache_background_update on; proxy_cache_lock on;      add_header X-Cache-Status $upstream_cache_status; proxy_pass http://127.0.0.1:5000; } Breakdown proxy_cache_path option to set file cache location, directory level, max size, and inactive state http://nginx.org/en/docs/http/ngx_http_proxy_module.html#pr
Read more »