bun create vite frontend --template react-ts
cd frontend
bun add -D tailwindcss @tailwindcss/vite
bun add react-router-dom
bun add react-i18next i18next
bun add react-hook-form
bun add -D shadcn-ui
bun add vite-plugin-svgr
bun add framer-motionvite.config.ts
import react from "@vitejs/plugin-react";
import tailwindcss from "@tailwindcss/vite";
import { defineConfig } from "vite";
export default defineConfig({
plugins: [
react(),
tailwindcss(),
],
resolve: {
alias: {
"@": "/src",
},
},
});tsconfig.json
{
"files": [],
"references": [
{ "path": "./tsconfig.app.json" },
{ "path": "./tsconfig.node.json" }
],
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"]
}
}
}src/index.css
@import "tailwindcss";
@import "tw-animate-css";bunx shadcn init
bun devbunx --bun shadcn@latest add dropdown-menu
bunx --bun shadcn@latest add button
bunx --bun shadcn@latest add navigation-menu- Header
- Background
- Projects
- Author / Tecnologies
- Footer
bun run buildManejo de Memoria cache Circulo de cambio de tema