Skip to content

anhchangvt1994/dynamic-rendering-ultra-generation__webpack-vue

Repository files navigation

First and foremost

Hey guys, what awesome thing brought you here? … Whatever it is, I think your day has started to get better. Before exploring further, let’s identify some important things together.

  1. Are you looking for an optimal solution for light-house score ?
  2. Have you tried many ways to optimize but still not satisfactory ?

OR you just enjoy adventure and discovery. You want to try a solution that can help improve your website's Lighthouse for the Search Engine, without needing to use Server Side Rendering.

IF so, I think this project can help you. All you need to do is know how to use VueJS / ReactJS (I bet it’s much easier to use than NuxtJS and NextJS) and done, leave the rest to the system.

Specifically, the system will transform your client side rendering project so that it can be SEO without you having to do anything. In addition, the system will help you optimize all light-house scores to the highest possible level, and you don’t have to do anything either. You haven’t been pressured to optimize the light-house score yet, have you? apply quickly, still in time

NOTE

  • You can read detail about advanced structure of Webpack + VueJS + TS project in this repository.
  • You can read detail about router, suspense and some common utilities in this repository.

Table of contents

  1. Install

  2. How it works ?

  3. Configuration

  1. Utilities
  1. Deployment guide

  2. The interesting stories

Install

Expect Node 18.18.x or higher

If use npm

npm install

If use yarn 1.x

yarn

If use Bun

bun install

How it works ?

This project works based on the Dynamic-Rendering technique.

So, what is Dynamic-Rendering ?

Dynamic-Rendering (DR) is a rendering technique, it helps the Client-side Rendering (CSR) website can be pre-rendered in the server, after that the full of content can be available to send to the Search Engine. Right! That means the server will send the different content to the user (the normal browser) and the Search Engine.

Dynamic Rendering Workflow