Сборка и размещение артефактов Клода на Replit скачать в хорошем качестве

Сборка и размещение артефактов Клода на Replit

🚀 Создавайте и развертывайте артефакты Claude с помощью Replit за считанные минуты. Присоединяйтесь к Мэтту Палмеру, инженеру DevRel в Replit, который покажет, как создать красивое приложение для управления задачами с помощью Claude 3.5 Sonnet и мгновенно развернуть его. Идеально подходит как для новичков, так и для опытных разработчиков. 🔑 Основные темы: • Введение в Replit и артефакты Claude • Настройка проекта Vite-React • Интеграция shadcn/ui и TailwindCSS • Разработка с помощью ИИ с Claude • Развёртывание в один клик с Replit 🔗 Важные ссылки: • Стартовый шаблон: https://replit.com/@matt/Vite-React-S... • Документация shadcn/ui: https://ui.shadcn.com/docs • Демонстрация: https://matts-todo-app.replit.app/ • Полный исходный код: https://replit.com/@matt/Matts-Todo-A... 🔥 Начало работы: Хотите начать использовать все возможности Replit? Ознакомьтесь с Replit Core: https://replit.com/pricing?utm_source... 📚 Главы: 00:00 Введение 00:57 Начало работы с Replit 01:53 Создание нового Replit 02:55 Знакомство со средой Replit 04:44 Создание приложения To-Do с помощью Claude 06:43 Настройка shadcn/ui и TailwindCSS 09:57 Сборка приложения To-Do 12:11 Улучшение приложения с помощью Claude 15:39 Развёртывание приложения 18:30 Заключение и дальнейшие шаги 👨‍💻 Фрагменты кода: Установка: npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p jsconfig.json: { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["./src/*"] } } } vite.config.js: импорт path из "path" импорт react из "@vitejs/plugin-react" импорт { defineConfig } из "vite" экспорт default defineConfig({ plugins: [react()], resolve: { алиас: { "@": path.resolve(__dirname, "./src"), }, }, }) 🐦 Подпишитесь на Мэтта, чтобы увидеть больше контента о разработке с использованием ИИ: Twitter: https://x.com/mattppal LinkedIn:   / matt-palmer   #Replit #ClaudeAI #WebDevelopment #AIAssisted