flowbite-svelte-blocks
Flowbite-Svelte-Blocks components
파일 탐색기
최종 버전 다운로드 (.zip)- config.json
- README.md
- api-check.test.ts
- blocks.test.ts
- ForgotPassword.svelte
- ForgotPasswordHeader.svelte
- Banner.svelte
- ArticleAuthor.svelte
- ArticleBody.svelte
- ArticleHead.svelte
- ArticleWrapper.svelte
- BlogBodyWrapper.svelte
- BlogHead.svelte
- BlogTemplate.svelte
- Comment.svelte
- CommentItem.svelte
- Contact.svelte
- Content.svelte
- ContentWithImage.svelte
- Cta.svelte
- Faq.svelte
- FaqItem.svelte
- FeatureDefault.svelte
- FeatureItem.svelte
- Navigation.svelte
- HeroBody.svelte
- HeroHeader.svelte
- News.svelte
- Maintenance.svelte
- ToolsIcon.svelte
- Newsletter.svelte
- Page404.svelte
- Page500.svelte
- Popup.svelte
- Portfolio.svelte
- PortfolioItem.svelte
- PricingBodyHead.svelte
- PricingCard.svelte
- PricingHead.svelte
- PricingItem.svelte
- PricingItemWrapper.svelte
- Register.svelte
- Schedule.svelte
- ScheduleItem.svelte
- SidebarBottomNav.svelte
- SidebarBottomNavItem.svelte
- Social.svelte
- TableHeader.svelte
- TeamBody.svelte
- TeamHeader.svelte
- TeamItem.svelte
- TeamWrapper.svelte
- Testimonial.svelte
- TestimonialCard.svelte
- TestimonialCardItem.svelte
- Facebook.svelte
- GitHub.svelte
- Instagram.svelte
- Quotes.svelte
- Twitter.svelte
- index.ts
- Section.svelte
- types.ts
- +server.js
- +page.svelte
- +page.ts
- +page.svelte
- +page.ts
- AdvancedTables.svelte
- CrudCreateDrawers.svelte
- CrudCreateForms.svelte
- CrudCreateModals.svelte
- CrudDeleteConfirm.svelte
- CrudReadDrawers.svelte
- CrudReadModals.svelte
- CrudReadSections.svelte
- CrudSuccessMessage.svelte
- CrudUpdateDrawers.svelte
- CrudUpdateForms.svelte
- CrudUpdateModals.svelte
- DashboardFooter.svelte
- FacetedSearchDrawers.svelte
- FacetedSearchModals.svelte
- Filter.svelte
- index.ts
- Navbar.svelte
- Sidenav.svelte
- TableFooters.svelte
- TableHeaders.svelte
- TableHeaders2.svelte
- +layout.svelte
- +page.svelte
- +page.svelte
- +page.ts
- +page.md
- advanced-tables.md
- crud-create-drawers.md
- crud-create-forms.md
- crud-create-modals.md
- crud-delete-confirm.md
- crud-read-drawers.md
- crud-read-modals.md
- crud-read-sections.md
- crud-success-message.md
- crud-update-drawers.md
- crud-update-forms.md
- crud-update-modals.md
- dashboard-footer.md
- faceted-search-drawers.md
- faceted-search-modals.md
- filter.md
- navbar.md
- sidenav.md
- table-footers.md
- table-headers.md
- ArticleAuthor.json
- ArticleBody.json
- ArticleHead.json
- ArticleWrapper.json
- Banner.json
- BlogBodyWrapper.json
- BlogHead.json
- BlogTemplate.json
- Comment.json
- CommentItem.json
- Contact.json
- Content.json
- ContentWithImage.json
- Cta.json
- Facebook.json
- Faq.json
- FaqItem.json
- FeatureDefault.json
- FeatureItem.json
- ForgotPassword.json
- ForgotPasswordHeader.json
- Github.json
- HeroBody.json
- HeroHeader.json
- index.json
- Maintenance.json
- Navigation.json
- News.json
- Newsletter.json
- Page404.json
- Page500.json
- Popup.json
- Portfolio.json
- PortfolioItem.json
- PricingBodyHead.json
- PricingCard.json
- PricingHead.json
- PricingItem.json
- PricingItemWrapper.json
- Quotes.json
- Register.json
- Schedule.json
- ScheduleItem.json
- Section.json
- SidebarBottomNav.json
- SidebarBottomNavItem.json
- Social.json
- TableHeader.json
- TeamBody.json
- TeamHeader.json
- TeamItem.json
- TeamWrapper.json
- Testimonial.json
- TestimonialCard.json
- TestimonialCardItem.json
- ToolsIcon.json
- Twitter.json
- types.json
- +page.svelte
- +page.md
- +page.svelte
- Anchor.svelte
- code.svelte
- h2.svelte
- h3.svelte
- +page.js
- +page.svelte
- +page.md
- 404.md
- 500.md
- account-recovery.md
- banner.md
- blog.md
- contact.md
- content.md
- cookie.md
- cta.md
- customer-logos.md
- event-schedule.md
- faq.md
- feature.md
- footer.md
- header.md
- hero.md
- login.md
- maintenance.md
- newsletter.md
- popup.md
- portfolio.md
- pricing.md
- register.md
- reset-password.md
- social-proof.md
- team.md
- testimonial.md
- user-onboarding.md
- +page.js
- +page.svelte
- quickstart.md
- +page.js
- +page.svelte
- +page.md
- blog-example.json
- blog-templates.md
- comments.md
- related-articles.md
- +server.ts
- +page.svelte
- blog-example.json
- CodeWrapper.svelte
- H1.svelte
- H2.svelte
- helpers.ts
- HighlightCompo.svelte
- theme.ts
- Airbnb.svelte
- ArrowLeft.svelte
- ArrowRight.svelte
- Discord.svelte
- Facebook.svelte
- GitHub.svelte
- GitHubHome.svelte
- Google.svelte
- Instagram.svelte
- Mail.svelte
- Mailchimp.svelte
- Mashable.svelte
- Microsoft.svelte
- ProductHunt.svelte
- Reddit.svelte
- Spotify.svelte
- Twitter.svelte
- Youtube.svelte
- YoutubeHome.svelte
- advancedTable.json
- CompoAttributesViewer.svelte
- CompoCard.svelte
- CompoDescription.svelte
- data.json
- DocBadge.svelte
- ExampleDarkMode.svelte
- ExampleHelper.svelte
- ExampleRTL.svelte
- ExampleWrapper.svelte
- fetchPost.ts
- Footer.svelte
- GitHubSource.svelte
- GitHubSourceList.svelte
- helpers.ts
- index.ts
- mdsvex.d.ts
- MetaTag.svelte
- Newsletter.svelte
- PageHeadSection.svelte
- Paging.svelte
- Section.svelte
- Sectioncompo.svelte
- SectionHeader.svelte
- TableDefaultRow.svelte
- TableProp.svelte
- Toc.svelte
- ToolbarLink.svelte
- +layout.server.ts
- +layout.svelte
- +page.server.ts
- +page.svelte
- app.css
- app.d.ts
- app.html
- demo.spec.ts
- vite-env.d.ts
- advanced-tables-dark.svg
- advanced-tables.svg
- crud-create-drawers-dark.svg
- crud-create-drawers.svg
- crud-create-forms-dark.svg
- crud-create-forms.svg
- crud-create-modals-dark.svg
- crud-create-modals.svg
- crud-delete-confirm-dark.svg
- crud-delete-confirm.svg
- crud-read-drawers-dark.svg
- crud-read-drawers.svg
- crud-read-modals-dark.svg
- crud-read-modals.svg
- crud-read-sections-dark.svg
- crud-read-sections.svg
- crud-success-message-dark.svg
- crud-success-message.svg
- crud-update-drawers-dark.svg
- crud-update-drawers.svg
- crud-update-forms-dark.svg
- crud-update-forms.svg
- crud-update-modals-dark.svg
- crud-update-modals.svg
- dashboard-footer-dark.svg
- dashboard-footer.svg
- faceted-search-drawers-dark.svg
- faceted-search-drawers.svg
- faceted-search-modals-dark.svg
- faceted-search-modals.svg
- filter-dark.svg
- filter.svg
- navbar-dark.svg
- navbar.svg
- sidenav-dark.svg
- sidenav.svg
- table-footers-dark.svg
- table-footers.svg
- table-headers-dark.svg
- table-headers.svg
- 404-dark.svg
- 404.svg
- 500-dark.svg
- 500.svg
- account-recovery-dark.svg
- account-recovery.svg
- banner-dark.svg
- banner.svg
- blog-dark.svg
- blog.svg
- contact-dark.svg
- contact.svg
- content-dark.svg
- content.svg
- cookie-dark.svg
- cookie.svg
- cta-dark.svg
- cta.svg
- customer-logos-dark.svg
- customer-logos.svg
- event-schedule-dark.svg
- event-schedule.svg
- faq-dark.svg
- faq.svg
- feature-dark.svg
- feature.svg
- footer-dark.svg
- footer.svg
- header-dark.svg
- header.svg
- hero-dark.svg
- hero.svg
- login-dark.svg
- login.svg
- maintenance-dark.svg
- maintenance.svg
- newsletter-dark.svg
- newsletter.svg
- popup-dark.svg
- popup.svg
- portfolio-dark.svg
- portfolio.svg
- pricing-dark.svg
- pricing.svg
- register-dark.svg
- register.svg
- reset-password-dark.svg
- reset-password.svg
- social-proof-dark.svg
- social-proof.svg
- team-dark.svg
- team.svg
- testimonial-dark.svg
- testimonial.svg
- user-onboarding-dark.svg
- user-onboarding.svg
- blog-templates-dark.svg
- blog-templates.svg
- comments-dark.svg
- comments.svg
- related-articles-dark.svg
- related-articles.svg
- android-chrome-192x192.png
- android-chrome-512x512.png
- apple-touch-icon.png
- favicon-16x16.png
- favicon-32x32.png
- favicon.ico
- favicon.png
- favicon.svg
- logo.svg
- docs.css
- manifest.json
- manifest.webmanifest
- .gitignore
- .npmrc
- .prettierignore
- .prettierrc
- CHANGELOG.md
- eslint.config.js
- mdsvex.config.js
- package.json
- playwright.config.ts
- pnpm-lock.yaml
- README.md
- svelte.config.js
- tsconfig.json
- vercel.json
- vite.config.ts
- vitest-setup-client.ts
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/themesberg/flowbite-svelte-blocks
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd flowbite-svelte-blocks
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Node.js
쉬움 추천사전 준비물
npm run dev
개발/실행 서버를 켭니다.
npm run dev -- --open
개발/실행 서버를 켭니다.
npm run package
이 명령어를 터미널에 그대로 입력해 실행하세요.
npm run build
배포용으로 코드를 최적화해서 빌드 파일을 생성합니다.
npm publish
이 명령어를 터미널에 그대로 입력해 실행하세요.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
// repository documentation
Was this content helpful?
(0 ratings)
