This repo has been archived at 2023-05-04.
And site oriverk.dev
is built with oriverk/astro-site: astro-svelte site on Cloudflare Pages with continuous deploy by GitHub Actions
- Vite
- Next Generation Frontend Tooling
PreactFast 3kB alternative to React with the same modern API
- React
- A JavaScript library for building user interfaces
- TypeScript
- TypeScript is JavaScript with syntax for types.
- goober
- A less than 1KB css-in-js solution
- Cloudflare Pages
- Cloudflare Pages is a JAMstack platform for frontend developers to collaborate and deploy websites.
※
- Zenn - Next.jsを
使 う必要 がない小規模 なSPAの最小 構成 を考 えてみた - React + Viteで
新規 プロダクトを開発 している話 - Zenn - Vite で
最速 React & TypeScript - blog.ojisan.io - Preactの
環境 構築 of 2020 - mizchi.dev -
省 ビルドサイズ要求 環境 でモダンフロントエンドをやる (主 に preact の話 )
reference: vitejs: Env Variables and Modes
Name | Description | Reference |
---|---|---|
VITE_SITE_PATH | for portfolio site | GitHub: oriverk/oriverk.dev |
VITE_BLOG_PATH | for portfolio blog | GitHub: oriverk/blog.oriverk.dev |
VITE_GITHUB_USER_ID | GitHub Account | GitHub: oriverk |
VITE_TWITTER_USER_ID | Twitter Account | Twitter: not_you_die |
VITE_GITHUB_PERSONAL_ACCESS_TOKEN | /ghp_\w+/ | GitHub: |
node_modules/goober/global/global.d.ts(1,45): error TS2307: Cannot find module 'csstype' or its corresponding type declarations.
node_modules/goober/goober.d.ts(1,45): error TS2307: Cannot find module 'csstype' or its corresponding type declarations.
devDependency に csstype
を
about ページ
import { micromark } from "micromark";
import { frontmatter } from "micromark-extension-frontmatter";
import { gfm, gfmHtml } from "micromark-extension-gfm";
export function parseMarkdwon(markdown: string) {
const html = micromark(markdown, {
allowDangerousHtml: true,
extensions: [frontmatter(), gfm()],
htmlExtensions: [gfmHtml()],
});
return { html };
}
import { defineConfig } from 'vite'
export default defineConfig({
assetsInclude: [/\.mdx?$/]
})
import { defineConfig } from 'vite'
import { viteStaticCopy } from 'vite-plugin-static-copy'
export default defineConfig({
plugins: [
viteStaticCopy({
targets: [
{ src: 'README.md', dest: "." },
{ src: 'Resume.md', dest: "." }
]
})
]
})