Auto Deploy Astro di Github Pages
Ada banyak cara untuk mendeploy Astro. Ada dengan cara menguploadnya ke serverless function sehingga akan dideploy otomatis seperti dikirim ke Cloudflare, Firebase Pages, Vercel, Netlify, dan Heroku. Tapi, bisa juga dengan cara menggunakan Github Pages. Nah, inilah yang akan kita lakukan kali ini.
Jadi, caranya adalah dengan membuat file .github/workflows/*.yml yang merupakan kode YAML buat menjalankan Github Action. Nah, dengan demikian, website berbasis Astro akan terdeploy secara otomatis ...
Menggunakan Windi di Astro
Install dependencies yang diperlukan:
pnpm i -D @snowpack/plugin-postcss postcss-windicss
Isi dari postcss.config.js:
module.exports = {
plugins: {
'postcss-windicss': { /* ... */ },
},
};
Isi dari snowpack.config.js:
module.exports = {
"plugins": [
"@snowpack/plugin-postcss"
]
}
Isi dari windi.config.js:
import { defineConfig } from 'windicss/helpers'
export default defineConfig({
extract: {
include: ['src/**/*.{html,vue,jsx,tsx,svelte,astro}'],
},
/* ... */
})
Isi...
Unmei: Solusi Bagi Lambatnya Proses Developing Static Site Generator
Membangun sebuah website bukanlah perkara mudah karena banyak aspek yang perlu diperhatikan selain tampilan yang indah. Untuk membuat tampilan yang indah, kita bisa cepat membuatnya dengan Bootstrap, Materialize, ataupun menggunakan CSS Utility seperti Tailwind, Windi, dan Uno.
Masalahnya adalah di keamanan.
Website-website yang ada sekarang ini biasanya menggunakan server untuk menjalankannya. Contohnya aja WordPress. WordPress memerlukan sebuah hosting yang bisa menjalankan PHP. Oke, sampai...