With minimal changes, the existing Techbang website structure was used to create a subdomain-based architecture for the PCADV website, including its own article list, CSS styles, sidebars, and other components.

Under the Asset Pipeline structure, I added separate SCSS files for the style variables specific to both PCADV and Techbang. These variables were then included in each block’s partial CSS file, allowing both sites to use the same partial CSS package while maintaining different styles.

The Views or Cells for each block were rendered based on these variables to generate the required content. For performance optimization, caching was applied to the Cells.