Setup Steps
1. Create a React project with Vite:
npm create vite@latest project-name -- --template react-ts2. Navigate and install dependencies:
cd project-name
npm install3. Start the development server:
npm run dev4. Add Tailwind CSS:
npm install -D tailwindcss @tailwindcss/vite5. Add Tailwind plugin to vite.config.ts
6. Add to src/index.css:
@import "tailwindcss";7. Add React Router:
npm install react-router-dom8. Basic component structure:
src/
components/
pages/
hooks/
lib/
App.tsx
main.tsx9. Production build:
npm run build10. Build output is in the dist/ directory
Related Guides
Настройка Linux VPS (Ubuntu)
Настройте Ubuntu VPS-сервер с нуля. Безопасность и базовые настройки.
Установка Apache
Установите HTTP-сервер Apache и настройте виртуальные хосты.
Установка Nginx
Установите Nginx и настройте его как обратный прокси.
SSL-сертификат Let's Encrypt
Получите бесплатный SSL/TLS сертификат с помощью Certbot.