open-lovable
π₯ λ¨ λͺ μ΄ λ§μ μ΄λ€ μΉμ¬μ΄νΈλ νλμ μΈ React μ±μΌλ‘ 볡μ νκ³ μ¬μ°½μ‘°νμΈμ
νμΌ νμκΈ°
- mcp.json
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- page.tsx
- GeistMonoVF.woff
- GeistVF.woff
- page.tsx
- favicon.ico
- globals.css
- landing.tsx
- layout.tsx
- page.tsx
- sheets.ts
- ControlPanel.tsx
- InlineResults.tsx
- MetricBars.tsx
- RadarChart.tsx
- ScoreChart.tsx
- EndpointsCrawl.tsx
- EndpointsExtract.tsx
- EndpointsMap.tsx
- EndpointsScrape.tsx
- EndpointsSearch.tsx
- Extract.tsx
- Mcp.tsx
- CenterStar.tsx
- Background.tsx
- BackgroundOuterPiece.tsx
- Badge.tsx
- AnimatedRect.ts
- BlinkingContainer.ts
- Dot.ts
- cell.ts
- cellReveal.ts
- crawl.ts
- index.ts
- mapping.ts
- scrape.ts
- search.ts
- ascii.ts
- Pixi.tsx
- Title.tsx
- Hero.tsx
- data.json
- HeroFlame.tsx
- ArrowRight.tsx
- Globe.tsx
- Button.tsx
- Mobile.tsx
- Tabs.tsx
- HeroInput.tsx
- BrowserMobile.tsx
- BrowserTab.tsx
- Check.tsx
- Loading.tsx
- Code.tsx
- Tag.tsx
- HeroScraping.css
- HeroScraping.tsx
- home-page-components.md
- SidebarInput.tsx
- SidebarQuickInput.tsx
- Button.css
- Button.tsx
- capsule-button.tsx
- fire-action-link.tsx
- index.ts
- slate-button.tsx
- color-styles.tsx
- combobox.tsx
- flame-effects.md
- auth-pulse.tsx
- pulse-data.json
- grid-data.json
- slate-grid.tsx
- subtle-wave.tsx
- wave-data.json
- ascii-explosion.tsx
- core-flame.json
- core-flame.tsx
- explosion-data.json
- flame-background.tsx
- Flame.tsx
- hero-flame-data.json
- hero-flame.tsx
- index.ts
- subtle-explosion.tsx
- index.ts
- subtle-ascii-animation.tsx
- firecrawl-icon-static.tsx
- firecrawl-icon.tsx
- Logo.tsx
- Download.tsx
- Guidelines.tsx
- Icon.tsx
- BrandKit.tsx
- Content.tsx
- NavItemRow.tsx
- data.json
- Flame.tsx
- Github.tsx
- Item.tsx
- Mobile.tsx
- ArrowUp.tsx
- Replit.tsx
- Flame.tsx
- Stories.tsx
- Wrapper.tsx
- GithubIcon.tsx
- GithubClient.tsx
- Affiliate.tsx
- Api.tsx
- ArrowRight.tsx
- Careers.tsx
- Changelog.tsx
- Chats.tsx
- Lead.tsx
- MCP.tsx
- Platforms.tsx
- Research.tsx
- Student.tsx
- Templates.tsx
- ChevronDown.tsx
- Item.tsx
- Nav.tsx
- RenderEndpointIcon.tsx
- Toggle.tsx
- Wrapper.tsx
- HeaderContext.tsx
- animated-chevron.tsx
- animated-icons.tsx
- arrow-animated.tsx
- check.tsx
- chevron-slide.tsx
- copied.tsx
- copy.tsx
- curve.tsx
- fingerprint-icon.tsx
- GitHub.tsx
- Logo.tsx
- openai.tsx
- source-icon.tsx
- symbol-colored.tsx
- symbol-white.tsx
- tremor-placeholder.tsx
- wordmark-colored.tsx
- wordmark-white.tsx
- getImageSrc.ts
- Image.tsx
- animated-height.tsx
- animated-width.tsx
- curvy-rect-divider.tsx
- curvy-rect.tsx
- Shimmer.tsx
- usage-loading.tsx
- Logocloud.css
- Logocloud.tsx
- index.ts
- logo-cloud.tsx
- slack-notification.tsx
- Pixi.tsx
- PixiAssetManager.ts
- utils.ts
- types.ts
- PortalToBody.tsx
- json-error-highlighter.tsx
- live-preview-frame.tsx
- multiple-web-browsers.tsx
- web-browser.tsx
- search-params-provider.tsx
- SectionHead.css
- SectionHead.tsx
- SectionTitle.tsx
- Tabs.tsx
- app-dialog.tsx
- ascii-dot-loader.tsx
- dot-grid-loader.tsx
- empty-state.tsx
- index.ts
- loading-state.tsx
- mobile-sheet.tsx
- stat-card.tsx
- portal-to-body.tsx
- animated-dot-icon.tsx
- animated-height.tsx
- ascii-background.tsx
- ascii-flame-background.tsx
- hero-flame.tsx
- lockBody.tsx
- pylon.tsx
- scramble-text.tsx
- accordion.tsx
- alert-dialog.tsx
- badge.tsx
- button.css
- button.tsx
- card.tsx
- checkbox.tsx
- collapsible.tsx
- combobox.tsx
- context-menu.tsx
- data-table.tsx
- dialog.tsx
- dropdown-menu.tsx
- form.tsx
- input.tsx
- label.tsx
- navigation-menu.tsx
- popover.tsx
- progress.tsx
- scroll-area.tsx
- select.tsx
- separator.tsx
- sheet.tsx
- slider.tsx
- switch.tsx
- tabs.tsx
- textarea.tsx
- toast.tsx
- toggle.tsx
- tooltip-radix.tsx
- tooltip.tsx
- button.tsx
- checkbox.tsx
- code.tsx
- input.tsx
- label.tsx
- select.tsx
- spinner.tsx
- textarea.tsx
- CodeApplicationProgress.tsx
- FirecrawlIcon.tsx
- FirecrawlLogo.tsx
- HeroInput.tsx
- HMRErrorDetector.tsx
- SandboxPreview.tsx
- app.config.ts
- useDebouncedCallback.ts
- useDebouncedEffect.ts
- useSwitchingCode.ts
- provider-manager.ts
- e2b-provider.ts
- vercel-provider.ts
- factory.ts
- sandbox-manager.ts
- types.ts
- build-validator.ts
- context-selector.ts
- edit-examples.ts
- edit-intent-analyzer.ts
- file-parser.ts
- file-search-executor.ts
- icons.ts
- morph-fast-apply.ts
- utils.ts
- installer.js
- prompts.js
- .env.example
- README.md
- .env.example
- README.md
- index.js
- package.json
- compressor.json
- file.svg
- firecrawl-logo
- firecrawl.svg
- globe.svg
- window.svg
- custom-fonts.css
- theme.css
- utility-patterns.css
- component-styles.md
- button.css
- code.css
- index.css
- design-system.md
- body.css
- layout.css
- reset.css
- animations.css
- colors.css
- fonts.css
- typography.css
- utilities.css
- chrome-bug.css
- colors.json
- fire.css
- inside-border-fix.css
- main.css
- conversation.ts
- file-manifest.ts
- sandbox.ts
- cn.ts
- init-canvas.ts
- set-timeout-on-visible.ts
- sleep.ts
- .env.example
- .gitignore
- bun.lock
- colors.json
- eslint.config.mjs
- LICENSE
- next.config.ts
- package-lock.json
- package.json
- pnpm-lock.yaml
- postcss.config.mjs
- README.md
- tailwind.config.ts
- tsconfig.json
# μ€μΉ κ°μ΄λ
node- Node.js 18.x or higher
- pnpm latest
- Firecrawl API Key
μ€μΉ λ° μ€ν μ μ°¨
git clone https://github.com/firecrawl/open-lovable.git
μ μ₯μλ₯Ό ν΄λ‘ ν©λλ€.
pnpm install
νλ‘μ νΈ μμ‘΄μ±μ μ€μΉν©λλ€.
cp .env.example .env.local
νκ²½ λ³μ νμΌμ 볡μ¬νμ¬ μ€μ ν©λλ€.
pnpm dev
κ°λ° μλ²λ₯Ό μ€νν©λλ€.
ν΅μ¬ λͺ λ Ήμ΄
pnpm install
package.jsonμ λͺ μλ λͺ¨λ ν¨ν€μ§ μμ‘΄μ±μ μ€μΉν©λλ€.
pnpm dev
Next.js κ°λ° μλ²λ₯Ό μμνμ¬ λ‘컬 νκ²½μμ μ±μ μ€νν©λλ€.
# CDNμΌλ‘ μ¬μ©νκΈ°
jsDelivrjsDelivrλ κ³΅κ° GitHub 리ν¬μ§ν 리λ₯Ό λ³λ μ€μ μμ΄ CDNμΌλ‘ μ¦μ μλΉν©λλ€. λ²μ κ³Ό νμΌμ κ³ λ₯΄λ©΄ μΉνμ΄μ§μ λ°λ‘ λΆμΌ μ μλ λ§ν¬μ μμ μ½λκ° λ§λ€μ΄μ§λλ€.
λͺ λ Ήμ΄ μ©μ΄μ§
μ΄ λ¬Έμμμ μ¬μ©λ λͺ λ Ήμ΄λ₯Ό λͺ¨μλ΄€μ΅λλ€. λ―μ λͺ λ Ήμ΄κ° μλ€λ©΄ νΌμ³μ νμΈν΄λ³΄μΈμ.
git clone
μ€λͺ
보기 βΌ
git clone
Clone an existing repository.
git clone {{remote_repository_location}} {{path/to/directory}}
Clone an existing repository into a new directory (the default directory is the repository name):
git clone --recursive {{remote_repository_location}}
Clone an existing repository and its submodules:
git clone {{[-n|--no-checkout]}} {{remote_repository_location}}
Clone only the `.git` directory of an existing repository:
pnpm
μ€λͺ
보기 βΌ
pnpm
λΉ λ₯΄κ³ , λμ€ν¬ κ³΅κ° ν¨μ¨μ μΈ Node.jsμ© ν¨ν€μ§ κ΄λ¦¬μ.
Node.js νλ‘μ νΈ λ° ν΄λΉ λͺ¨λ μμ‘΄μ± κ΄λ¦¬.
λ λ§μ μ 보: <https://pnpm.io/pnpm-cli>.
pnpm init
`package.json` νμΌ μμ±:
pnpm {{[i|install]}}
`package.json`μ μμ‘΄μ±μΌλ‘ λμ΄λ λͺ¨λ ν¨ν€μ§λ₯Ό λ€μ΄λ‘λ:
pnpm add {{module_name}}@{{version}}
νΉμ λ²μ μ ν¨ν€μ§λ₯Ό λ€μ΄λ‘λνμ¬ `package.json`μ μμ‘΄μ± λͺ©λ‘μ μΆκ°:
vercel
μ€λͺ
보기 βΌ
vercel
λΉμ μ Vercel νλ‘μ νΈλ€μ κ΄λ¦¬νκ³ λ°°ν¬νμΈμ.
λ λ§μ μ 보: <https://vercel.com/docs/cli>.
vercel
νμ¬ λλ ν 리λ₯Ό λ°°ν¬:
vercel --prod
νμ¬ λλ ν 리λ₯Ό νλ‘λμ μ λ°°ν¬:
vercel {{path/to/project}}
νΉμ λλ ν 리λ₯Ό λ°°ν¬:
