Introduction

Today I revemped my webpage, Saitensou.

I hope to build this webpage with posts and stuff. Not only related to tech but everything I am interested.

I shall post some stories and challenges I have been through and hope in one day it would come to my use.

I would also try to use this as a hub for my personal reference.

Technology Stack

This time, I have purchased a template Istanbul - Personal Portfolio React Template. This is the first time that I tried to purchase a template from web.

The Stack itself uses next.js as base, and uses EmailJS as client to send messages. I like this template as it gives very solid and straight-forward components that I could reuse and customize for my personal use.

On top of the nextjs foundation, I reused the same deployment procedure to the old website. Thanks next.js's fast refresh I can setup local testing environment really easy:

$ npm run dev

After testing locally, I push the code to my repository, which is linked with vercel. Then it will build and host a intermediate vercel website for me. Using that link I bind it towards AWS cloudfront for CDN caching.

Customization

Though the template is quite ready-to-use, there are still some customizations that I needed to customize for my usecase. They includes:

• Putting blogs to another page, as blog shall grow heavily with number of posts
• Entry screen need to be modified and put to each page
• Mobie View seems not so good for my use case Which I shall include the summary in next post.

Next step

Furthermore, I hope to use this website to host a self RSS feed reader for me to aggregrate several blog posts sites that I want to have. It seems old but still a good practice.