MyReactPortfolio
is being created with the following purposes:
- To learn and practice React and its ecosystem
- To create a portfolio that is easy to maintain and update
- To learn and practice the use of GitHub Actions
- To learn and practive clean code and clean architecture
- To implement a i18n solution
-
π File based routing
-
π Layout system
-
π² PWA
-
π¨ UnoCSS - the instant on-demand atomic CSS engine
-
π₯ APIs auto importing - use Composition API and others directly
-
π¦Ύ TypeScript, of course
-
βοΈ Deploy on Netlify, zero-config
- UnoCSS - The instant on-demand atomic CSS engine.
- Iconify - use icons from any icon sets πIcΓ΄nes
- Pure CSS Icons via UnoCSS
- React Router
vite-plugin-pages
- file system based routing
unplugin-react-components
- components auto importunplugin-auto-import
- Directly use Hooks, Context and others without importingvite-plugin-pwa
- PWA
- ESLint with @antfu/eslint-config, single quotes, no semi.
- TypeScript
- pnpm - fast, disk space efficient package manager
- Netlify - zero-config deployment
- VS Code Extensions
- Vite - Fire up Vite server automatically
- Iconify IntelliSense - Icon inline display and autocomplete
- ESLint
requires Node >=14.18
Just run and visit http://localhost:3333
pnpm dev
To build the App, run
pnpm build
And you will see the generated file in dist
that ready to be served.