DEV Community: dongdongzhang

webpack publicpath

dongdongzhang — Mon, 29 Jul 2024 02:30:16 +0000

The publicPath configuration option acts as a placeholder, allowing you to dynamically adjust the paths to your static assets.

To illustrate, let's consider the scenario where you've uploaded your static assets, such as commons.js to a CDN. The actual URL for this file might be:

https://s1.cdn.com/my-project/commons.js

However, your HTML page is typically served from your own domain, for example:
https://my-own-domain.com/my-project/index.html

To ensure that the index.html correctly references the CDN-hosted static files, you can utilize the publicPath setting. This configuration will replace the local path of commons.js within index.html from:

https://my-own-domain.com/my-project/commons.js
to the CDN path:

https://s1.cdn.com/my-project/commons.js
By setting the publicPath, you ensure that all references to static assets in your HTML files point to the correct CDN URLs, facilitating efficient content delivery.

build a instagram message chat app

dongdongzhang — Sun, 14 Jul 2024 08:44:54 +0000

Hello, everyone! I have just build a web version of a chat application, similar to the cover image above

You can watch a brief introduction video youtube

The project consists of both client-side and server-side.
The client-side utilizes create-vite-app with Reactjs+Typescript
On the server-side,we will use GraphQL, Apollo,MongoDB,Mongoose
The design file can be accessed here

Why use GraphQL？

It's incredibly easy to use just right out of the box when starting up, and it can readily scale to meet large-scale demands when needed.

GraphQL is based on HTTP POST and has only one endpoint; all your request commands like CRUD operations, are sent via this single endpoint.
GraphQL is really convenient when nesting queries.
Apollo Framework provides builtin functionalities such as server management, API testing, And WebSocket subscriptions for message handling.

The source code at github

An easier way to deploy AstroJS on GitHub Pages

dongdongzhang — Sat, 13 Jul 2024 10:48:34 +0000

It may be a little confusing when you follow the AstroJS official guide to deploy your blog on GitHub. Don't worry, I found an easier way. Follow these steps:

Choose a theme.

I like the Dante theme

Rename the repository to {username}.github.io

As I did with zwd321081.github.io.This is crucial because Github pages has specific naming rules

Go to the Actions tab and search for the Astro workflow

Making some modification to astro.yml

Remove the --site and --base options. This will result in your default URL being structured as https://{username}.github.io/{reponame}.
By removing these options, you eliminate the subpage path.

Visit your page at the domain https://{username}.github.io, such as mine.

Npm Deprecated problem

dongdongzhang — Fri, 28 Jul 2023 06:07:21 +0000

When using npm install, you won't install a deprecated version

Nevertheless, this is only compatible with npm version 5 and higher, so it won't function on older Node.js versions.