From 640e47a30549916cad3021a4f38948b861bc66bb Mon Sep 17 00:00:00 2001
From: open-fox
Date: Sun, 9 Aug 2026 23:23:29 +0800
Subject: [PATCH] feat: open source Mkdirs
---
.cursor/rules/01-project-overview.mdc | 33 +
.cursor/rules/02-tech-stack.mdc | 43 +
.cursor/rules/03-app-structure.mdc | 50 +
.cursor/rules/04-sanity-integration.mdc | 63 +
.cursor/rules/05-ai-integration.mdc | 33 +
.cursor/rules/06-development-guide.mdc | 53 +
.cursor/rules/07-best-practices.mdc | 73 +
.env.example | 114 +
.github/ISSUE_TEMPLATE/bug_report.md | 38 +
.github/ISSUE_TEMPLATE/config.yml | 11 +
.github/ISSUE_TEMPLATE/feature_request.md | 20 +
.gitignore | 41 +
.vscode/extensions.json | 7 +
.vscode/settings.json | 22 +
AGENTS.md | 79 +
CLAUDE.md | 79 +
Dockerfile | 61 +
LICENSE | 201 +
README.md | 52 +
biome.json | 36 +
components.json | 17 +
emails/approval-email.tsx | 119 +
emails/email-formats.ts | 62 +
emails/newsletter-welcome.tsx | 98 +
emails/notify-submission-to-admin.tsx | 99 +
emails/notify-submission-to-user.tsx | 119 +
emails/payment-success.tsx | 123 +
emails/rejection-email.tsx | 107 +
emails/reset-password.tsx | 109 +
emails/verify-email.tsx | 101 +
next.config.docker.mjs | 52 +
next.config.mjs | 51 +
package.json | 159 +
pnpm-lock.yaml | 16791 ++++++++++++++++
postcss.config.js | 6 +
public/android-chrome-192x192.png | Bin 0 -> 15248 bytes
public/android-chrome-512x512.png | Bin 0 -> 34614 bytes
public/apple-touch-icon.png | Bin 0 -> 13725 bytes
public/favicon-16x16.png | Bin 0 -> 749 bytes
public/favicon-32x32.png | Bin 0 -> 1753 bytes
public/favicon.ico | Bin 0 -> 15406 bytes
public/logo-dark.png | Bin 0 -> 8843 bytes
public/logo.png | Bin 0 -> 8843 bytes
public/logo_mkdirs.png | Bin 0 -> 8843 bytes
public/og.png | Bin 0 -> 246035 bytes
public/placeholder.svg | 1 +
public/site.webmanifest | 1 +
sanity-typegen.json | 6 +
sanity.cli.ts | 14 +
sanity.config.ts | 96 +
sanity.types.ts | 2461 +++
schema.json | 3022 +++
scripts/batch-all.ts | 124 +
scripts/batch-category.ts | 252 +
scripts/batch-group.ts | 103 +
scripts/batch-item-manual.ts | 252 +
scripts/batch-item-microlink.ts | 243 +
scripts/batch-item.ts | 375 +
scripts/batch-tag.ts | 345 +
scripts/explore-aisdk.ts | 162 +
scripts/explore-microlink.ts | 138 +
scripts/export-user-emails.ts | 29 +
src/actions/admin.ts | 23 +
src/actions/create-checkout-session.ts | 140 +
src/actions/edit.ts | 184 +
src/actions/fetch-website.ts | 270 +
src/actions/get-banner-ad.ts | 52 +
src/actions/login.ts | 74 +
src/actions/logout.ts | 7 +
src/actions/new-password.ts | 56 +
src/actions/new-verification.ts | 41 +
src/actions/open-customer-portal.ts | 44 +
src/actions/publish.ts | 45 +
src/actions/register.ts | 53 +
src/actions/reset.ts | 37 +
src/actions/settings.ts | 78 +
src/actions/submit-to-review.ts | 67 +
src/actions/submit.ts | 141 +
src/actions/subscribe-to-newsletter.ts | 54 +
src/actions/unpublish.ts | 46 +
src/actions/unsubscribe-to-newsletter.ts | 47 +
src/actions/update-link.ts | 56 +
src/actions/update-name.ts | 56 +
src/actions/update-password.ts | 60 +
src/app/(sanity)/layout.tsx | 13 +
src/app/(sanity)/studio/[[...index]]/page.tsx | 11 +
.../(newsletter)/unsubscribe/page.tsx | 53 +
.../(submit)/payment/[id]/layout.tsx | 20 +
.../(submit)/payment/[id]/loading.tsx | 20 +
.../(submit)/payment/[id]/page.tsx | 66 +
.../(submit)/publish/[id]/layout.tsx | 20 +
.../(submit)/publish/[id]/loading.tsx | 5 +
.../(submit)/publish/[id]/page.tsx | 82 +
.../(protected)/(submit)/submit/layout.tsx | 20 +
.../(protected)/(submit)/submit/loading.tsx | 5 +
.../(protected)/(submit)/submit/page.tsx | 28 +
.../(protected)/dashboard/layout.tsx | 32 +
.../(protected)/dashboard/loading.tsx | 5 +
.../(website)/(protected)/dashboard/page.tsx | 61 +
.../(protected)/edit/[id]/layout.tsx | 17 +
.../(protected)/edit/[id]/loading.tsx | 5 +
.../(website)/(protected)/edit/[id]/page.tsx | 66 +
src/app/(website)/(protected)/layout.tsx | 32 +
.../(website)/(protected)/settings/layout.tsx | 13 +
.../(protected)/settings/loading.tsx | 5 +
.../(website)/(protected)/settings/page.tsx | 34 +
src/app/(website)/(public)/(home)/layout.tsx | 34 +
src/app/(website)/(public)/(home)/loading.tsx | 5 +
src/app/(website)/(public)/(home)/page.tsx | 81 +
.../(public)/(test)/home2/layout.tsx | 24 +
.../(public)/(test)/home2/loading.tsx | 16 +
.../(website)/(public)/(test)/home2/page.tsx | 12 +
.../(public)/(test)/home3/layout.tsx | 22 +
.../(public)/(test)/home3/loading.tsx | 5 +
.../(website)/(public)/(test)/home3/page.tsx | 85 +
.../(public)/(test)/loading/page.tsx | 27 +
src/app/(website)/(public)/[slug]/layout.tsx | 11 +
src/app/(website)/(public)/[slug]/loading.tsx | 38 +
src/app/(website)/(public)/[slug]/page.tsx | 65 +
.../blog/(blog)/category/[slug]/loading.tsx | 5 +
.../blog/(blog)/category/[slug]/page.tsx | 84 +
.../(website)/(public)/blog/(blog)/layout.tsx | 29 +
.../(public)/blog/(blog)/loading.tsx | 5 +
.../(website)/(public)/blog/(blog)/page.tsx | 49 +
.../(website)/(public)/blog/[slug]/layout.tsx | 17 +
.../(public)/blog/[slug]/loading.tsx | 84 +
.../(website)/(public)/blog/[slug]/page.tsx | 193 +
.../(public)/category/[slug]/page.tsx | 107 +
.../(website)/(public)/category/layout.tsx | 28 +
.../(website)/(public)/category/loading.tsx | 5 +
src/app/(website)/(public)/category/page.tsx | 73 +
.../(public)/collection/[slug]/loading.tsx | 24 +
.../(public)/collection/[slug]/page.tsx | 136 +
.../(website)/(public)/collection/loading.tsx | 24 +
.../(website)/(public)/collection/page.tsx | 74 +
.../(website)/(public)/item/[slug]/layout.tsx | 17 +
.../(public)/item/[slug]/loading.tsx | 123 +
.../(website)/(public)/item/[slug]/page.tsx | 318 +
src/app/(website)/(public)/layout.tsx | 24 +
src/app/(website)/(public)/pricing/page.tsx | 57 +
src/app/(website)/(public)/search/layout.tsx | 28 +
src/app/(website)/(public)/search/loading.tsx | 5 +
src/app/(website)/(public)/search/page.tsx | 83 +
.../(website)/(public)/tag/[slug]/page.tsx | 99 +
src/app/(website)/(public)/tag/layout.tsx | 26 +
src/app/(website)/(public)/tag/loading.tsx | 5 +
src/app/(website)/(public)/tag/page.tsx | 74 +
src/app/(website)/auth/error/page.tsx | 15 +
src/app/(website)/auth/layout.tsx | 37 +
src/app/(website)/auth/loading.tsx | 5 +
src/app/(website)/auth/login/page.tsx | 15 +
src/app/(website)/auth/new-password/page.tsx | 15 +
.../(website)/auth/new-verification/page.tsx | 15 +
src/app/(website)/auth/register/page.tsx | 15 +
src/app/(website)/auth/reset/page.tsx | 15 +
src/app/(website)/error.tsx | 54 +
src/app/(website)/layout.tsx | 64 +
src/app/(website)/loading.tsx | 5 +
src/app/(website)/not-found.tsx | 21 +
src/app/api/auth/[...nextauth]/route.ts | 28 +
src/app/api/disable-draft/route.ts | 14 +
src/app/api/draft/route.tsx | 35 +
src/app/api/og/route.tsx | 75 +
src/app/api/send-email/route.ts | 74 +
src/app/api/upload-image/route.ts | 23 +
src/app/api/webhook/route.ts | 133 +
src/app/robots.ts | 15 +
src/app/sitemap.ts | 286 +
...bricolage-grotesque-v7-latin-regular.woff2 | Bin 0 -> 22528 bytes
src/assets/fonts/index.ts | 45 +
.../source-sans-3-v15-latin-regular.woff2 | Bin 0 -> 15628 bytes
.../source-serif-4-v8-latin-regular.woff2 | Bin 0 -> 20044 bytes
.../fonts/work-sans-v19-latin-regular.woff2 | Bin 0 -> 20000 bytes
src/auth.config.ts | 76 +
src/auth.ts | 111 +
src/components/analytics/analytics.tsx | 26 +
src/components/analytics/google-analytics.tsx | 22 +
.../analytics/open-panel-analytics.tsx | 26 +
.../analytics/plausible-analytics.tsx | 32 +
src/components/analytics/umami-analytics.tsx | 33 +
src/components/auth/auth-card.tsx | 52 +
src/components/auth/bottom-button.tsx | 22 +
src/components/auth/error-card.tsx | 18 +
src/components/auth/login-button.tsx | 67 +
src/components/auth/login-form.tsx | 158 +
src/components/auth/new-password-form.tsx | 112 +
src/components/auth/new-verification-form.tsx | 62 +
src/components/auth/register-form.tsx | 141 +
src/components/auth/reset-form.tsx | 107 +
src/components/auth/role-gate.tsx | 22 +
src/components/auth/social-login-button.tsx | 61 +
src/components/blog/all-posts-button.tsx | 24 +
src/components/blog/blog-card.tsx | 124 +
src/components/blog/blog-category-filter.tsx | 26 +
.../blog/blog-category-list-desktop.tsx | 64 +
.../blog/blog-category-list-mobile.tsx | 77 +
src/components/blog/blog-custom-mdx.tsx | 40 +
src/components/blog/blog-grid.tsx | 34 +
src/components/blog/blog-toc.tsx | 113 +
src/components/category/category-filter.tsx | 40 +
.../category/category-list-desktop.tsx | 34 +
.../category/category-list-mobile.tsx | 78 +
src/components/collection/collection-card.tsx | 92 +
src/components/collection/collection-grid.tsx | 34 +
src/components/container.tsx | 15 +
src/components/dashboard/dashboard-button.tsx | 33 +
src/components/dashboard/dashboard-header.tsx | 36 +
.../dashboard/dashboard-submit-header.tsx | 43 +
src/components/dashboard/pricing-plans.tsx | 153 +
src/components/dashboard/publish-button.tsx | 72 +
.../dashboard/submission-card-image.tsx | 93 +
src/components/dashboard/submission-card.tsx | 152 +
src/components/dashboard/submission-empty.tsx | 26 +
src/components/dashboard/submission-list.tsx | 34 +
.../dashboard/submission-status.tsx | 73 +
src/components/dashboard/unpublish-button.tsx | 62 +
src/components/edit/edit-form.tsx | 421 +
.../home/home-category-list-client.tsx | 55 +
.../home/home-category-list-item.tsx | 33 +
src/components/home/home-category-list.tsx | 30 +
src/components/home/home-content.tsx | 134 +
.../home/home-group-list-client.tsx | 140 +
src/components/home/home-hero.tsx | 44 +
src/components/home/home-search-box.tsx | 81 +
.../home/home-search-filter-client.tsx | 169 +
src/components/home/home-search-filter.tsx | 89 +
src/components/home2/home2-content.tsx | 134 +
src/components/home2/home2-hero.tsx | 47 +
src/components/home2/home2-search-box.tsx | 38 +
src/components/home3/home3-hero-sponsor.tsx | 66 +
src/components/home3/home3-search-box.tsx | 81 +
.../home3/home3-search-filter-client.tsx | 167 +
src/components/home3/home3-search-filter.tsx | 62 +
src/components/icons/github.tsx | 23 +
src/components/icons/google.tsx | 23 +
src/components/icons/icons.tsx | 55 +
src/components/icons/product-hunt.tsx | 40 +
src/components/icons/twitter.tsx | 23 +
src/components/icons/youtube.tsx | 23 +
src/components/item/item-bread-crumb.tsx | 89 +
src/components/item/item-card-2.tsx | 155 +
src/components/item/item-card-sponsor.tsx | 96 +
src/components/item/item-card.tsx | 158 +
src/components/item/item-custom-mdx.tsx | 43 +
src/components/item/item-grid-2.tsx | 39 +
src/components/item/item-grid-client.tsx | 37 +
src/components/item/item-grid.tsx | 54 +
src/components/layout/banner-ad.tsx | 52 +
src/components/layout/footer.tsx | 120 +
src/components/layout/mode-toggle.tsx | 41 +
src/components/layout/navbar.tsx | 228 +
src/components/layout/user-button.tsx | 189 +
src/components/logo.tsx | 34 +
src/components/newsletter/newsletter-card.tsx | 23 +
src/components/newsletter/newsletter-form.tsx | 95 +
src/components/payment/free-plan-button.tsx | 137 +
src/components/payment/pro-plan-button.tsx | 135 +
.../payment/sponsor-plan-button.tsx | 132 +
.../payment/submission-card-in-plan-page.tsx | 109 +
src/components/pricing/pricing-faq.tsx | 26 +
src/components/publish/publish-now-button.tsx | 66 +
.../submission-card-in-publish-page.tsx | 145 +
src/components/search/search-box.tsx | 68 +
.../search/search-filter-client.tsx | 167 +
src/components/search/search-filter.tsx | 63 +
src/components/settings/section-columns.tsx | 23 +
src/components/settings/settings-form.tsx | 232 +
src/components/settings/user-link-form.tsx | 106 +
src/components/settings/user-name-form.tsx | 105 +
.../settings/user-password-form.tsx | 132 +
src/components/shared/back-button-small.tsx | 37 +
src/components/shared/back-button.tsx | 36 +
src/components/shared/blur-image.tsx | 23 +
src/components/shared/built-with-button.tsx | 36 +
src/components/shared/callout.tsx | 86 +
src/components/shared/card-skeleton.tsx | 20 +
src/components/shared/combobox.tsx | 170 +
src/components/shared/confetti-effect.tsx | 48 +
src/components/shared/copy-button.tsx | 46 +
src/components/shared/custom-command.tsx | 166 +
src/components/shared/custom-mde.tsx | 89 +
src/components/shared/custom-mdx.tsx | 334 +
src/components/shared/custom-switch.tsx | 290 +
src/components/shared/empty-grid.tsx | 9 +
src/components/shared/empty-placeholder.tsx | 78 +
src/components/shared/filter-item-desktop.tsx | 36 +
src/components/shared/filter-item-mobile.tsx | 30 +
src/components/shared/form-error.tsx | 16 +
src/components/shared/form-success.tsx | 16 +
src/components/shared/header-section.tsx | 52 +
src/components/shared/image-upload.tsx | 186 +
src/components/shared/multi-select.tsx | 375 +
src/components/shared/pagination.tsx | 124 +
src/components/shared/sort-filter.tsx | 25 +
src/components/shared/sort-list-desktop.tsx | 70 +
src/components/shared/sort-list-mobile.tsx | 90 +
src/components/shared/stepper.tsx | 116 +
src/components/shared/user-avatar.tsx | 28 +
src/components/submit/submit-form.tsx | 522 +
src/components/submit/submit-stepper.tsx | 60 +
src/components/tag/tag-filter.tsx | 40 +
src/components/tag/tag-list-desktop.tsx | 32 +
src/components/tag/tag-list-mobile.tsx | 71 +
src/components/tailwind-indicator.tsx | 14 +
src/components/ui/accordion.tsx | 58 +
src/components/ui/alert-dialog.tsx | 141 +
src/components/ui/alert.tsx | 59 +
src/components/ui/aspect-ratio.tsx | 7 +
src/components/ui/avatar.tsx | 50 +
src/components/ui/badge.tsx | 36 +
src/components/ui/breadcrumb.tsx | 115 +
src/components/ui/button.tsx | 56 +
src/components/ui/card.tsx | 79 +
src/components/ui/checkbox.tsx | 30 +
src/components/ui/collapsible.tsx | 11 +
src/components/ui/command.tsx | 155 +
src/components/ui/context-menu.tsx | 200 +
src/components/ui/dialog.tsx | 122 +
src/components/ui/drawer.tsx | 118 +
src/components/ui/dropdown-menu.tsx | 200 +
src/components/ui/form.tsx | 178 +
src/components/ui/hover-card.tsx | 29 +
src/components/ui/input.tsx | 25 +
src/components/ui/label.tsx | 26 +
src/components/ui/menubar.tsx | 236 +
src/components/ui/navigation-menu.tsx | 128 +
src/components/ui/pagination.tsx | 119 +
src/components/ui/popover.tsx | 31 +
src/components/ui/progress.tsx | 28 +
src/components/ui/radio-group.tsx | 44 +
src/components/ui/scroll-area.tsx | 48 +
src/components/ui/select.tsx | 160 +
src/components/ui/separator.tsx | 31 +
src/components/ui/sheet.tsx | 140 +
src/components/ui/sidebar.tsx | 764 +
src/components/ui/skeleton.tsx | 15 +
src/components/ui/slider.tsx | 28 +
src/components/ui/sonner.tsx | 31 +
src/components/ui/switch.tsx | 29 +
src/components/ui/table.tsx | 117 +
src/components/ui/tabs.tsx | 55 +
src/components/ui/textarea.tsx | 24 +
src/components/ui/toast.tsx | 129 +
src/components/ui/toaster.tsx | 35 +
src/components/ui/toggle-group.tsx | 61 +
src/components/ui/toggle.tsx | 45 +
src/components/ui/tooltip.tsx | 30 +
src/config/dashboard.ts | 26 +
src/config/faq.ts | 41 +
src/config/footer.ts | 42 +
src/config/hero.ts | 15 +
src/config/marketing.ts | 57 +
src/config/price.ts | 56 +
src/config/site.ts | 43 +
src/config/user-button.ts | 21 +
src/data/account.ts | 42 +
src/data/blog.ts | 45 +
src/data/collection.ts | 39 +
src/data/item.ts | 167 +
src/data/order.ts | 24 +
src/data/password-reset-token.ts | 45 +
src/data/submission.ts | 49 +
src/data/user.ts | 57 +
src/data/verification-token.ts | 63 +
src/hooks/use-current-role.ts | 6 +
src/hooks/use-current-user.ts | 7 +
src/hooks/use-media-query.ts | 49 +
src/hooks/use-mobile.tsx | 19 +
src/hooks/use-mounted.ts | 11 +
src/hooks/use-scroll.ts | 16 +
src/hooks/use-toast.ts | 194 +
src/lib/auth.ts | 14 +
src/lib/constants.ts | 76 +
src/lib/discord.ts | 84 +
src/lib/image.ts | 56 +
src/lib/mail.ts | 115 +
src/lib/mdx.ts | 35 +
src/lib/metadata.ts | 67 +
src/lib/password.ts | 16 +
src/lib/schemas.ts | 210 +
src/lib/stripe.ts | 6 +
src/lib/submission.ts | 90 +
src/lib/toc.ts | 77 +
src/lib/tokens.ts | 46 +
src/lib/utils.ts | 189 +
src/middleware.ts | 64 +
src/routes.ts | 72 +
.../components/custom-markdown-input.tsx | 59 +
src/sanity/document-node.ts | 135 +
src/sanity/lib/api.ts | 40 +
src/sanity/lib/client.ts | 17 +
src/sanity/lib/fetch.ts | 49 +
src/sanity/lib/queries.ts | 394 +
src/sanity/lib/token.ts | 36 +
src/sanity/plugins/customDocumentActions.ts | 54 +
src/sanity/plugins/singleton.ts | 32 +
src/sanity/sanity-adapter.ts | 367 +
src/sanity/schemas/documents/auth/account.ts | 108 +
.../documents/auth/password-reset-token.ts | 36 +
src/sanity/schemas/documents/auth/user.ts | 91 +
.../documents/auth/verification-token.ts | 36 +
src/sanity/schemas/documents/block-content.ts | 98 +
.../schemas/documents/blog/blog-category.ts | 67 +
.../schemas/documents/blog/blog-post.ts | 124 +
.../schemas/documents/directory/category.ts | 74 +
.../schemas/documents/directory/collection.ts | 85 +
.../schemas/documents/directory/group.ts | 70 +
.../schemas/documents/directory/item.ts | 379 +
src/sanity/schemas/documents/directory/tag.ts | 53 +
src/sanity/schemas/documents/order/order.ts | 69 +
src/sanity/schemas/documents/page/page.ts | 67 +
src/sanity/schemas/documents/settings.ts | 14 +
src/sanity/schemas/index.ts | 44 +
src/sanity/structure.tsx | 464 +
src/styles/globals.css | 113 +
src/styles/mde.css | 72 +
src/styles/mdx.css | 64 +
src/types/index.d.ts | 109 +
src/types/next-auth.d.ts | 16 +
src/types/user-role.ts | 4 +
tailwind.config.ts | 156 +
tsconfig.json | 31 +
422 files changed, 53384 insertions(+)
create mode 100644 .cursor/rules/01-project-overview.mdc
create mode 100644 .cursor/rules/02-tech-stack.mdc
create mode 100644 .cursor/rules/03-app-structure.mdc
create mode 100644 .cursor/rules/04-sanity-integration.mdc
create mode 100644 .cursor/rules/05-ai-integration.mdc
create mode 100644 .cursor/rules/06-development-guide.mdc
create mode 100644 .cursor/rules/07-best-practices.mdc
create mode 100644 .env.example
create mode 100644 .github/ISSUE_TEMPLATE/bug_report.md
create mode 100644 .github/ISSUE_TEMPLATE/config.yml
create mode 100644 .github/ISSUE_TEMPLATE/feature_request.md
create mode 100644 .gitignore
create mode 100644 .vscode/extensions.json
create mode 100644 .vscode/settings.json
create mode 100644 AGENTS.md
create mode 100644 CLAUDE.md
create mode 100644 Dockerfile
create mode 100644 LICENSE
create mode 100644 README.md
create mode 100644 biome.json
create mode 100644 components.json
create mode 100644 emails/approval-email.tsx
create mode 100644 emails/email-formats.ts
create mode 100644 emails/newsletter-welcome.tsx
create mode 100644 emails/notify-submission-to-admin.tsx
create mode 100644 emails/notify-submission-to-user.tsx
create mode 100644 emails/payment-success.tsx
create mode 100644 emails/rejection-email.tsx
create mode 100644 emails/reset-password.tsx
create mode 100644 emails/verify-email.tsx
create mode 100644 next.config.docker.mjs
create mode 100644 next.config.mjs
create mode 100644 package.json
create mode 100644 pnpm-lock.yaml
create mode 100644 postcss.config.js
create mode 100644 public/android-chrome-192x192.png
create mode 100644 public/android-chrome-512x512.png
create mode 100644 public/apple-touch-icon.png
create mode 100644 public/favicon-16x16.png
create mode 100644 public/favicon-32x32.png
create mode 100644 public/favicon.ico
create mode 100644 public/logo-dark.png
create mode 100644 public/logo.png
create mode 100644 public/logo_mkdirs.png
create mode 100644 public/og.png
create mode 100644 public/placeholder.svg
create mode 100644 public/site.webmanifest
create mode 100644 sanity-typegen.json
create mode 100644 sanity.cli.ts
create mode 100644 sanity.config.ts
create mode 100644 sanity.types.ts
create mode 100644 schema.json
create mode 100644 scripts/batch-all.ts
create mode 100644 scripts/batch-category.ts
create mode 100644 scripts/batch-group.ts
create mode 100644 scripts/batch-item-manual.ts
create mode 100644 scripts/batch-item-microlink.ts
create mode 100644 scripts/batch-item.ts
create mode 100644 scripts/batch-tag.ts
create mode 100644 scripts/explore-aisdk.ts
create mode 100644 scripts/explore-microlink.ts
create mode 100644 scripts/export-user-emails.ts
create mode 100644 src/actions/admin.ts
create mode 100644 src/actions/create-checkout-session.ts
create mode 100644 src/actions/edit.ts
create mode 100644 src/actions/fetch-website.ts
create mode 100644 src/actions/get-banner-ad.ts
create mode 100644 src/actions/login.ts
create mode 100644 src/actions/logout.ts
create mode 100644 src/actions/new-password.ts
create mode 100644 src/actions/new-verification.ts
create mode 100644 src/actions/open-customer-portal.ts
create mode 100644 src/actions/publish.ts
create mode 100644 src/actions/register.ts
create mode 100644 src/actions/reset.ts
create mode 100644 src/actions/settings.ts
create mode 100644 src/actions/submit-to-review.ts
create mode 100644 src/actions/submit.ts
create mode 100644 src/actions/subscribe-to-newsletter.ts
create mode 100644 src/actions/unpublish.ts
create mode 100644 src/actions/unsubscribe-to-newsletter.ts
create mode 100644 src/actions/update-link.ts
create mode 100644 src/actions/update-name.ts
create mode 100644 src/actions/update-password.ts
create mode 100644 src/app/(sanity)/layout.tsx
create mode 100644 src/app/(sanity)/studio/[[...index]]/page.tsx
create mode 100644 src/app/(website)/(newsletter)/unsubscribe/page.tsx
create mode 100644 src/app/(website)/(protected)/(submit)/payment/[id]/layout.tsx
create mode 100644 src/app/(website)/(protected)/(submit)/payment/[id]/loading.tsx
create mode 100644 src/app/(website)/(protected)/(submit)/payment/[id]/page.tsx
create mode 100644 src/app/(website)/(protected)/(submit)/publish/[id]/layout.tsx
create mode 100644 src/app/(website)/(protected)/(submit)/publish/[id]/loading.tsx
create mode 100644 src/app/(website)/(protected)/(submit)/publish/[id]/page.tsx
create mode 100644 src/app/(website)/(protected)/(submit)/submit/layout.tsx
create mode 100644 src/app/(website)/(protected)/(submit)/submit/loading.tsx
create mode 100644 src/app/(website)/(protected)/(submit)/submit/page.tsx
create mode 100644 src/app/(website)/(protected)/dashboard/layout.tsx
create mode 100644 src/app/(website)/(protected)/dashboard/loading.tsx
create mode 100644 src/app/(website)/(protected)/dashboard/page.tsx
create mode 100644 src/app/(website)/(protected)/edit/[id]/layout.tsx
create mode 100644 src/app/(website)/(protected)/edit/[id]/loading.tsx
create mode 100644 src/app/(website)/(protected)/edit/[id]/page.tsx
create mode 100644 src/app/(website)/(protected)/layout.tsx
create mode 100644 src/app/(website)/(protected)/settings/layout.tsx
create mode 100644 src/app/(website)/(protected)/settings/loading.tsx
create mode 100644 src/app/(website)/(protected)/settings/page.tsx
create mode 100644 src/app/(website)/(public)/(home)/layout.tsx
create mode 100644 src/app/(website)/(public)/(home)/loading.tsx
create mode 100644 src/app/(website)/(public)/(home)/page.tsx
create mode 100644 src/app/(website)/(public)/(test)/home2/layout.tsx
create mode 100644 src/app/(website)/(public)/(test)/home2/loading.tsx
create mode 100644 src/app/(website)/(public)/(test)/home2/page.tsx
create mode 100644 src/app/(website)/(public)/(test)/home3/layout.tsx
create mode 100644 src/app/(website)/(public)/(test)/home3/loading.tsx
create mode 100644 src/app/(website)/(public)/(test)/home3/page.tsx
create mode 100644 src/app/(website)/(public)/(test)/loading/page.tsx
create mode 100644 src/app/(website)/(public)/[slug]/layout.tsx
create mode 100644 src/app/(website)/(public)/[slug]/loading.tsx
create mode 100644 src/app/(website)/(public)/[slug]/page.tsx
create mode 100644 src/app/(website)/(public)/blog/(blog)/category/[slug]/loading.tsx
create mode 100644 src/app/(website)/(public)/blog/(blog)/category/[slug]/page.tsx
create mode 100644 src/app/(website)/(public)/blog/(blog)/layout.tsx
create mode 100644 src/app/(website)/(public)/blog/(blog)/loading.tsx
create mode 100644 src/app/(website)/(public)/blog/(blog)/page.tsx
create mode 100644 src/app/(website)/(public)/blog/[slug]/layout.tsx
create mode 100644 src/app/(website)/(public)/blog/[slug]/loading.tsx
create mode 100644 src/app/(website)/(public)/blog/[slug]/page.tsx
create mode 100644 src/app/(website)/(public)/category/[slug]/page.tsx
create mode 100644 src/app/(website)/(public)/category/layout.tsx
create mode 100644 src/app/(website)/(public)/category/loading.tsx
create mode 100644 src/app/(website)/(public)/category/page.tsx
create mode 100644 src/app/(website)/(public)/collection/[slug]/loading.tsx
create mode 100644 src/app/(website)/(public)/collection/[slug]/page.tsx
create mode 100644 src/app/(website)/(public)/collection/loading.tsx
create mode 100644 src/app/(website)/(public)/collection/page.tsx
create mode 100644 src/app/(website)/(public)/item/[slug]/layout.tsx
create mode 100644 src/app/(website)/(public)/item/[slug]/loading.tsx
create mode 100644 src/app/(website)/(public)/item/[slug]/page.tsx
create mode 100644 src/app/(website)/(public)/layout.tsx
create mode 100644 src/app/(website)/(public)/pricing/page.tsx
create mode 100644 src/app/(website)/(public)/search/layout.tsx
create mode 100644 src/app/(website)/(public)/search/loading.tsx
create mode 100644 src/app/(website)/(public)/search/page.tsx
create mode 100644 src/app/(website)/(public)/tag/[slug]/page.tsx
create mode 100644 src/app/(website)/(public)/tag/layout.tsx
create mode 100644 src/app/(website)/(public)/tag/loading.tsx
create mode 100644 src/app/(website)/(public)/tag/page.tsx
create mode 100644 src/app/(website)/auth/error/page.tsx
create mode 100644 src/app/(website)/auth/layout.tsx
create mode 100644 src/app/(website)/auth/loading.tsx
create mode 100644 src/app/(website)/auth/login/page.tsx
create mode 100644 src/app/(website)/auth/new-password/page.tsx
create mode 100644 src/app/(website)/auth/new-verification/page.tsx
create mode 100644 src/app/(website)/auth/register/page.tsx
create mode 100644 src/app/(website)/auth/reset/page.tsx
create mode 100644 src/app/(website)/error.tsx
create mode 100644 src/app/(website)/layout.tsx
create mode 100644 src/app/(website)/loading.tsx
create mode 100644 src/app/(website)/not-found.tsx
create mode 100644 src/app/api/auth/[...nextauth]/route.ts
create mode 100644 src/app/api/disable-draft/route.ts
create mode 100644 src/app/api/draft/route.tsx
create mode 100644 src/app/api/og/route.tsx
create mode 100644 src/app/api/send-email/route.ts
create mode 100644 src/app/api/upload-image/route.ts
create mode 100644 src/app/api/webhook/route.ts
create mode 100644 src/app/robots.ts
create mode 100644 src/app/sitemap.ts
create mode 100644 src/assets/fonts/bricolage-grotesque-v7-latin-regular.woff2
create mode 100644 src/assets/fonts/index.ts
create mode 100644 src/assets/fonts/source-sans-3-v15-latin-regular.woff2
create mode 100644 src/assets/fonts/source-serif-4-v8-latin-regular.woff2
create mode 100644 src/assets/fonts/work-sans-v19-latin-regular.woff2
create mode 100644 src/auth.config.ts
create mode 100644 src/auth.ts
create mode 100644 src/components/analytics/analytics.tsx
create mode 100644 src/components/analytics/google-analytics.tsx
create mode 100644 src/components/analytics/open-panel-analytics.tsx
create mode 100644 src/components/analytics/plausible-analytics.tsx
create mode 100644 src/components/analytics/umami-analytics.tsx
create mode 100644 src/components/auth/auth-card.tsx
create mode 100644 src/components/auth/bottom-button.tsx
create mode 100644 src/components/auth/error-card.tsx
create mode 100644 src/components/auth/login-button.tsx
create mode 100644 src/components/auth/login-form.tsx
create mode 100644 src/components/auth/new-password-form.tsx
create mode 100644 src/components/auth/new-verification-form.tsx
create mode 100644 src/components/auth/register-form.tsx
create mode 100644 src/components/auth/reset-form.tsx
create mode 100644 src/components/auth/role-gate.tsx
create mode 100644 src/components/auth/social-login-button.tsx
create mode 100644 src/components/blog/all-posts-button.tsx
create mode 100644 src/components/blog/blog-card.tsx
create mode 100644 src/components/blog/blog-category-filter.tsx
create mode 100644 src/components/blog/blog-category-list-desktop.tsx
create mode 100644 src/components/blog/blog-category-list-mobile.tsx
create mode 100644 src/components/blog/blog-custom-mdx.tsx
create mode 100644 src/components/blog/blog-grid.tsx
create mode 100644 src/components/blog/blog-toc.tsx
create mode 100644 src/components/category/category-filter.tsx
create mode 100644 src/components/category/category-list-desktop.tsx
create mode 100644 src/components/category/category-list-mobile.tsx
create mode 100644 src/components/collection/collection-card.tsx
create mode 100644 src/components/collection/collection-grid.tsx
create mode 100644 src/components/container.tsx
create mode 100644 src/components/dashboard/dashboard-button.tsx
create mode 100644 src/components/dashboard/dashboard-header.tsx
create mode 100644 src/components/dashboard/dashboard-submit-header.tsx
create mode 100644 src/components/dashboard/pricing-plans.tsx
create mode 100644 src/components/dashboard/publish-button.tsx
create mode 100644 src/components/dashboard/submission-card-image.tsx
create mode 100644 src/components/dashboard/submission-card.tsx
create mode 100644 src/components/dashboard/submission-empty.tsx
create mode 100644 src/components/dashboard/submission-list.tsx
create mode 100644 src/components/dashboard/submission-status.tsx
create mode 100644 src/components/dashboard/unpublish-button.tsx
create mode 100644 src/components/edit/edit-form.tsx
create mode 100644 src/components/home/home-category-list-client.tsx
create mode 100644 src/components/home/home-category-list-item.tsx
create mode 100644 src/components/home/home-category-list.tsx
create mode 100644 src/components/home/home-content.tsx
create mode 100644 src/components/home/home-group-list-client.tsx
create mode 100644 src/components/home/home-hero.tsx
create mode 100644 src/components/home/home-search-box.tsx
create mode 100644 src/components/home/home-search-filter-client.tsx
create mode 100644 src/components/home/home-search-filter.tsx
create mode 100644 src/components/home2/home2-content.tsx
create mode 100644 src/components/home2/home2-hero.tsx
create mode 100644 src/components/home2/home2-search-box.tsx
create mode 100644 src/components/home3/home3-hero-sponsor.tsx
create mode 100644 src/components/home3/home3-search-box.tsx
create mode 100644 src/components/home3/home3-search-filter-client.tsx
create mode 100644 src/components/home3/home3-search-filter.tsx
create mode 100644 src/components/icons/github.tsx
create mode 100644 src/components/icons/google.tsx
create mode 100644 src/components/icons/icons.tsx
create mode 100644 src/components/icons/product-hunt.tsx
create mode 100644 src/components/icons/twitter.tsx
create mode 100644 src/components/icons/youtube.tsx
create mode 100644 src/components/item/item-bread-crumb.tsx
create mode 100644 src/components/item/item-card-2.tsx
create mode 100644 src/components/item/item-card-sponsor.tsx
create mode 100644 src/components/item/item-card.tsx
create mode 100644 src/components/item/item-custom-mdx.tsx
create mode 100644 src/components/item/item-grid-2.tsx
create mode 100644 src/components/item/item-grid-client.tsx
create mode 100644 src/components/item/item-grid.tsx
create mode 100644 src/components/layout/banner-ad.tsx
create mode 100644 src/components/layout/footer.tsx
create mode 100644 src/components/layout/mode-toggle.tsx
create mode 100644 src/components/layout/navbar.tsx
create mode 100644 src/components/layout/user-button.tsx
create mode 100644 src/components/logo.tsx
create mode 100644 src/components/newsletter/newsletter-card.tsx
create mode 100644 src/components/newsletter/newsletter-form.tsx
create mode 100644 src/components/payment/free-plan-button.tsx
create mode 100644 src/components/payment/pro-plan-button.tsx
create mode 100644 src/components/payment/sponsor-plan-button.tsx
create mode 100644 src/components/payment/submission-card-in-plan-page.tsx
create mode 100644 src/components/pricing/pricing-faq.tsx
create mode 100644 src/components/publish/publish-now-button.tsx
create mode 100644 src/components/publish/submission-card-in-publish-page.tsx
create mode 100644 src/components/search/search-box.tsx
create mode 100644 src/components/search/search-filter-client.tsx
create mode 100644 src/components/search/search-filter.tsx
create mode 100644 src/components/settings/section-columns.tsx
create mode 100644 src/components/settings/settings-form.tsx
create mode 100644 src/components/settings/user-link-form.tsx
create mode 100644 src/components/settings/user-name-form.tsx
create mode 100644 src/components/settings/user-password-form.tsx
create mode 100644 src/components/shared/back-button-small.tsx
create mode 100644 src/components/shared/back-button.tsx
create mode 100644 src/components/shared/blur-image.tsx
create mode 100644 src/components/shared/built-with-button.tsx
create mode 100644 src/components/shared/callout.tsx
create mode 100644 src/components/shared/card-skeleton.tsx
create mode 100644 src/components/shared/combobox.tsx
create mode 100644 src/components/shared/confetti-effect.tsx
create mode 100644 src/components/shared/copy-button.tsx
create mode 100644 src/components/shared/custom-command.tsx
create mode 100644 src/components/shared/custom-mde.tsx
create mode 100644 src/components/shared/custom-mdx.tsx
create mode 100644 src/components/shared/custom-switch.tsx
create mode 100644 src/components/shared/empty-grid.tsx
create mode 100644 src/components/shared/empty-placeholder.tsx
create mode 100644 src/components/shared/filter-item-desktop.tsx
create mode 100644 src/components/shared/filter-item-mobile.tsx
create mode 100644 src/components/shared/form-error.tsx
create mode 100644 src/components/shared/form-success.tsx
create mode 100644 src/components/shared/header-section.tsx
create mode 100644 src/components/shared/image-upload.tsx
create mode 100644 src/components/shared/multi-select.tsx
create mode 100644 src/components/shared/pagination.tsx
create mode 100644 src/components/shared/sort-filter.tsx
create mode 100644 src/components/shared/sort-list-desktop.tsx
create mode 100644 src/components/shared/sort-list-mobile.tsx
create mode 100644 src/components/shared/stepper.tsx
create mode 100644 src/components/shared/user-avatar.tsx
create mode 100644 src/components/submit/submit-form.tsx
create mode 100644 src/components/submit/submit-stepper.tsx
create mode 100644 src/components/tag/tag-filter.tsx
create mode 100644 src/components/tag/tag-list-desktop.tsx
create mode 100644 src/components/tag/tag-list-mobile.tsx
create mode 100644 src/components/tailwind-indicator.tsx
create mode 100644 src/components/ui/accordion.tsx
create mode 100644 src/components/ui/alert-dialog.tsx
create mode 100644 src/components/ui/alert.tsx
create mode 100644 src/components/ui/aspect-ratio.tsx
create mode 100644 src/components/ui/avatar.tsx
create mode 100644 src/components/ui/badge.tsx
create mode 100644 src/components/ui/breadcrumb.tsx
create mode 100644 src/components/ui/button.tsx
create mode 100644 src/components/ui/card.tsx
create mode 100644 src/components/ui/checkbox.tsx
create mode 100644 src/components/ui/collapsible.tsx
create mode 100644 src/components/ui/command.tsx
create mode 100644 src/components/ui/context-menu.tsx
create mode 100644 src/components/ui/dialog.tsx
create mode 100644 src/components/ui/drawer.tsx
create mode 100644 src/components/ui/dropdown-menu.tsx
create mode 100644 src/components/ui/form.tsx
create mode 100644 src/components/ui/hover-card.tsx
create mode 100644 src/components/ui/input.tsx
create mode 100644 src/components/ui/label.tsx
create mode 100644 src/components/ui/menubar.tsx
create mode 100644 src/components/ui/navigation-menu.tsx
create mode 100644 src/components/ui/pagination.tsx
create mode 100644 src/components/ui/popover.tsx
create mode 100644 src/components/ui/progress.tsx
create mode 100644 src/components/ui/radio-group.tsx
create mode 100644 src/components/ui/scroll-area.tsx
create mode 100644 src/components/ui/select.tsx
create mode 100644 src/components/ui/separator.tsx
create mode 100644 src/components/ui/sheet.tsx
create mode 100644 src/components/ui/sidebar.tsx
create mode 100644 src/components/ui/skeleton.tsx
create mode 100644 src/components/ui/slider.tsx
create mode 100644 src/components/ui/sonner.tsx
create mode 100644 src/components/ui/switch.tsx
create mode 100644 src/components/ui/table.tsx
create mode 100644 src/components/ui/tabs.tsx
create mode 100644 src/components/ui/textarea.tsx
create mode 100644 src/components/ui/toast.tsx
create mode 100644 src/components/ui/toaster.tsx
create mode 100644 src/components/ui/toggle-group.tsx
create mode 100644 src/components/ui/toggle.tsx
create mode 100644 src/components/ui/tooltip.tsx
create mode 100644 src/config/dashboard.ts
create mode 100644 src/config/faq.ts
create mode 100644 src/config/footer.ts
create mode 100644 src/config/hero.ts
create mode 100644 src/config/marketing.ts
create mode 100644 src/config/price.ts
create mode 100644 src/config/site.ts
create mode 100644 src/config/user-button.ts
create mode 100644 src/data/account.ts
create mode 100644 src/data/blog.ts
create mode 100644 src/data/collection.ts
create mode 100644 src/data/item.ts
create mode 100644 src/data/order.ts
create mode 100644 src/data/password-reset-token.ts
create mode 100644 src/data/submission.ts
create mode 100644 src/data/user.ts
create mode 100644 src/data/verification-token.ts
create mode 100644 src/hooks/use-current-role.ts
create mode 100644 src/hooks/use-current-user.ts
create mode 100644 src/hooks/use-media-query.ts
create mode 100644 src/hooks/use-mobile.tsx
create mode 100644 src/hooks/use-mounted.ts
create mode 100644 src/hooks/use-scroll.ts
create mode 100644 src/hooks/use-toast.ts
create mode 100644 src/lib/auth.ts
create mode 100644 src/lib/constants.ts
create mode 100644 src/lib/discord.ts
create mode 100644 src/lib/image.ts
create mode 100644 src/lib/mail.ts
create mode 100644 src/lib/mdx.ts
create mode 100644 src/lib/metadata.ts
create mode 100644 src/lib/password.ts
create mode 100644 src/lib/schemas.ts
create mode 100644 src/lib/stripe.ts
create mode 100644 src/lib/submission.ts
create mode 100644 src/lib/toc.ts
create mode 100644 src/lib/tokens.ts
create mode 100644 src/lib/utils.ts
create mode 100644 src/middleware.ts
create mode 100644 src/routes.ts
create mode 100644 src/sanity/components/custom-markdown-input.tsx
create mode 100644 src/sanity/document-node.ts
create mode 100644 src/sanity/lib/api.ts
create mode 100644 src/sanity/lib/client.ts
create mode 100644 src/sanity/lib/fetch.ts
create mode 100644 src/sanity/lib/queries.ts
create mode 100644 src/sanity/lib/token.ts
create mode 100644 src/sanity/plugins/customDocumentActions.ts
create mode 100644 src/sanity/plugins/singleton.ts
create mode 100644 src/sanity/sanity-adapter.ts
create mode 100644 src/sanity/schemas/documents/auth/account.ts
create mode 100644 src/sanity/schemas/documents/auth/password-reset-token.ts
create mode 100644 src/sanity/schemas/documents/auth/user.ts
create mode 100644 src/sanity/schemas/documents/auth/verification-token.ts
create mode 100644 src/sanity/schemas/documents/block-content.ts
create mode 100644 src/sanity/schemas/documents/blog/blog-category.ts
create mode 100644 src/sanity/schemas/documents/blog/blog-post.ts
create mode 100644 src/sanity/schemas/documents/directory/category.ts
create mode 100644 src/sanity/schemas/documents/directory/collection.ts
create mode 100644 src/sanity/schemas/documents/directory/group.ts
create mode 100644 src/sanity/schemas/documents/directory/item.ts
create mode 100644 src/sanity/schemas/documents/directory/tag.ts
create mode 100644 src/sanity/schemas/documents/order/order.ts
create mode 100644 src/sanity/schemas/documents/page/page.ts
create mode 100644 src/sanity/schemas/documents/settings.ts
create mode 100644 src/sanity/schemas/index.ts
create mode 100644 src/sanity/structure.tsx
create mode 100644 src/styles/globals.css
create mode 100644 src/styles/mde.css
create mode 100644 src/styles/mdx.css
create mode 100644 src/types/index.d.ts
create mode 100644 src/types/next-auth.d.ts
create mode 100644 src/types/user-role.ts
create mode 100644 tailwind.config.ts
create mode 100644 tsconfig.json
diff --git a/.cursor/rules/01-project-overview.mdc b/.cursor/rules/01-project-overview.mdc
new file mode 100644
index 0000000..4577cf4
--- /dev/null
+++ b/.cursor/rules/01-project-overview.mdc
@@ -0,0 +1,33 @@
+# Project Overview
+
+Mkdirs is a directory website template that allows users to launch AI-powered directory websites in minutes. It comes packed with features like AI integration, listings, payment processing, submission forms, CMS, blog, authentication, newsletter, SEO optimization, and theming support.
+
+## Key Information
+
+- **Project Name**: Mkdirs Template
+- **Website**: https://mkdirs.com
+- **Documentation**: Available at https://docs.mkdirs.com
+- **Tech Stack**: Next.js, Sanity CMS, TypeScript, Tailwind CSS
+
+## Main Features
+
+- AI-powered directory functionality
+- Listing management
+- Payment processing
+- User authentication
+- Content management system (Sanity)
+- Blog functionality
+- Newsletter integration
+- SEO optimization
+- Theming support
+
+## Project Structure
+
+The project follows a standard Next.js application structure with additional Sanity CMS integration:
+
+- `src/app`: Contains the application routes and pages
+- `src/components`: Reusable React components
+- `src/lib`: Utility functions and libraries
+- `src/sanity`: Sanity CMS related configuration and schemas
+- `src/actions`: Server actions (Next.js)
+- `scripts`: Utility scripts for various operations
diff --git a/.cursor/rules/02-tech-stack.mdc b/.cursor/rules/02-tech-stack.mdc
new file mode 100644
index 0000000..2cab11d
--- /dev/null
+++ b/.cursor/rules/02-tech-stack.mdc
@@ -0,0 +1,43 @@
+# Tech Stack and Architecture
+
+This document outlines the key technologies used in the Mkdirs template and how they work together.
+
+## Core Technologies
+
+- **Next.js**: The React framework used for building the application with server-side rendering, API routes, and server components
+- **TypeScript**: Used for type-safe code across the entire codebase
+- **Sanity CMS**: Headless CMS for managing content
+- **Tailwind CSS**: Utility-first CSS framework for styling
+- **Radix UI**: Unstyled, accessible UI components
+- **NextAuth**: Authentication solution for Next.js applications
+- **Stripe**: Payment processing
+- **React Email**: For creating and sending emails
+- **React Hook Form**: Form handling
+- **Zod**: Data validation
+
+## File Structure
+
+- **package.json**: Contains all dependencies and scripts
+- **next.config.mjs**: Next.js configuration
+- **tailwind.config.ts**: Tailwind CSS configuration
+- **sanity.config.ts**: Sanity CMS configuration
+- **src/app**: Next.js app router pages and layouts
+- **src/components**: Reusable UI components
+- **src/lib**: Utility functions and shared code
+- **src/sanity**: Sanity schema definitions and utilities
+
+## Key Architectural Patterns
+
+- **App Router**: Uses Next.js App Router for routing
+- **Server Components**: Leverages React Server Components for better performance
+- **Server Actions**: Uses Next.js Server Actions for server-side data mutations
+- **Content Management**: Sanity CMS for structured content
+- **Authentication**: Secure authentication with NextAuth
+- **API Routes**: Backend functionality exposed through API routes
+- **Responsive Design**: Mobile-first approach with Tailwind CSS
+
+## Build and Deployment
+
+- **Development**: `pnpm dev` for local development
+- **Build**: `pnpm build` for production builds
+- **Docker Support**: Includes Dockerfile for containerization
diff --git a/.cursor/rules/03-app-structure.mdc b/.cursor/rules/03-app-structure.mdc
new file mode 100644
index 0000000..059a9f2
--- /dev/null
+++ b/.cursor/rules/03-app-structure.mdc
@@ -0,0 +1,50 @@
+# Application Structure
+
+This document outlines the structure of the Next.js application and key entry points.
+
+## App Router Structure
+
+The application uses Next.js App Router with a split between website and Sanity Studio routes:
+
+- **src/app/(website)**: Public-facing website routes
+- **src/app/(sanity)**: Sanity Studio admin routes
+- **src/app/api**: API routes for various functionalities
+
+## Key Routes
+
+- **/**: Main landing page
+- **/auth**: Authentication-related pages (sign-in, sign-up)
+- **/[item|category|tag|collection]**: Directory listings pages
+- **/blog**: Blog section
+- **/dashboard**: User dashboard
+- **/studio**: Sanity Studio CMS interface
+
+## Authentication
+
+Authentication is handled through NextAuth with various providers and credentials authentication:
+
+- **src/auth.ts**: Main authentication configuration
+- **src/auth.config.ts**: Auth providers and callbacks
+
+## Components Organization
+
+Components are organized into several categories:
+
+- **UI Components**: Basic reusable UI elements
+- **Layout Components**: Page layouts and structural components
+- **Feature Components**: Components specific to certain features
+- **Form Components**: Input and form-related components
+
+## Data Flow
+
+The application follows these data flow patterns:
+
+1. **Server Components**: Fetch data directly from the database/CMS
+2. **Server Actions**: Handle data mutations and form submissions
+3. **API Routes**: Provide data endpoints for client components
+4. **Client Components**: Use hooks for client-side data fetching and state management
+
+## Middleware
+
+- **src/middleware.ts**: Handles authentication, redirects, and other middleware functionality
+- **src/routes.ts**: Defines route configurations and access control
diff --git a/.cursor/rules/04-sanity-integration.mdc b/.cursor/rules/04-sanity-integration.mdc
new file mode 100644
index 0000000..8759d34
--- /dev/null
+++ b/.cursor/rules/04-sanity-integration.mdc
@@ -0,0 +1,63 @@
+# Sanity CMS Integration
+
+This document outlines how Sanity CMS is integrated into the Mkdirs template.
+
+## Configuration Files
+
+- **sanity.config.ts**: Main Sanity configuration file
+- **sanity.cli.ts**: CLI configuration for Sanity
+- **sanity-typegen.json**: Configuration for type generation
+- **schema.json**: Generated Sanity schemas in JSON format
+- **sanity.types.ts**: Generated TypeScript types for Sanity schemas
+
+## Schema Structure
+
+The Sanity schema is organized in the `src/sanity` directory:
+
+- **src/sanity/schemas**: Contains all content type definitions
+- **src/sanity/lib**: Utility functions for working with Sanity
+- **src/sanity/plugins**: Additional plugins for Sanity Studio
+- **src/sanity/components**: Custom components in Sanity Studio
+
+## Content Types
+
+Key content types defined in the schema include:
+
+- **Item**: Directory listing entries
+- **Category**: Listing categories
+- **Tag**: Listing tags
+- **Collection**: Listing collections
+- **Group**: Listing category groups
+- **Blog Posts**: Blog content
+- **Authors**: Content creators
+- **Pages**: Static page content
+- **Settings**: Global site settings
+
+## Data Fetching
+
+Sanity data is fetched using GROQ queries through the following methods:
+
+1. **Client API**: Using the Sanity client to fetch data
+2. **Next.js Data Fetching**: Server components that directly fetch Sanity data
+3. **API Routes**: API endpoints that serve Sanity data
+
+## Preview Functionality
+
+The template includes a preview mode for content editing:
+
+- **Draft Preview**: See draft content before publishing
+
+## Studio Customization
+
+The Sanity Studio interface is customized for the Mkdirs use case:
+
+- **Custom Desk Structure**: Organized content editing interface
+- **Custom Input Components**: Specialized input fields for directories
+- **Sanity Plugins**: Additional functionality through Sanity plugins
+
+## Type Generation
+
+Types are automatically generated from Sanity schemas:
+
+- Run `pnpm typegen` to update TypeScript types after schema changes
+- Generated types ensure type safety when working with Sanity content
diff --git a/.cursor/rules/05-ai-integration.mdc b/.cursor/rules/05-ai-integration.mdc
new file mode 100644
index 0000000..aca3d58
--- /dev/null
+++ b/.cursor/rules/05-ai-integration.mdc
@@ -0,0 +1,33 @@
+# AI Integration
+
+This document outlines the AI capabilities integrated into the Mkdirs template.
+
+## AI Providers
+
+The template supports multiple AI providers through AI SDK:
+
+- **OpenAI**: Via `@ai-sdk/openai`
+- **Google AI**: Via `@ai-sdk/google`
+- **DeepSeek**: Via `@ai-sdk/deepseek`
+
+## AI Features
+
+AI is integrated into various parts of the application:
+
+- **Content Generation**: Assist in creating listings information
+
+## AI Configuration
+
+AI providers can be configured in the application settings:
+
+- **API Keys**: Securely stored provider API keys
+- **Model Selection**: Choose which models to use
+
+## Privacy and Ethics
+
+The AI implementation follows best practices:
+
+- **User Consent**: Clear disclosure of AI usage
+- **Data Privacy**: No unnecessary data sharing with AI providers
+- **Human Review**: Critical AI-generated content requires human approval
+- **Transparency**: Clear indication of AI-generated content
diff --git a/.cursor/rules/06-development-guide.mdc b/.cursor/rules/06-development-guide.mdc
new file mode 100644
index 0000000..c61daac
--- /dev/null
+++ b/.cursor/rules/06-development-guide.mdc
@@ -0,0 +1,53 @@
+# Development Guide
+
+This document provides guidelines for developing and contributing to the Mkdirs template.
+
+## Development Setup
+
+1. Clone the repository
+2. Install dependencies with `pnpm install`
+3. Set up environment variables (copy `.env.example` to `.env`)
+4. Run the development server with `pnpm dev`
+
+## Environment Variables
+
+Key environment variables needed for development:
+
+- **NEXT_PUBLIC_SITE_URL**: Base URL of the site
+- **NEXT_PUBLIC_SANITY_PROJECT_ID**: Sanity project ID
+- **NEXT_PUBLIC_SANITY_DATASET**: Sanity dataset name
+- **SANITY_API_TOKEN**: Sanity API token
+- **NEXTAUTH_SECRET**: Secret for NextAuth
+- **STRIPE_SECRET_KEY**: Stripe API secret key
+
+## Code Style and Linting
+
+The project uses Biome for code formatting and linting:
+
+- **biome.json**: Biome configuration
+- Run `pnpm lint` to check for code style issues
+- Run `pnpm format` to format the codebase
+
+## Scripts
+
+Utility scripts for common tasks:
+
+- **scripts**: Directory containing utility scripts
+- **Batch Operations**: Scripts for batch operations on items
+- **Email Export**: Tools for exporting user emails
+- **Microlink Integration**: Scripts for working with microlink
+
+## Build and Deployment
+
+Steps for building and deploying the application:
+
+1. Run `pnpm build` to create a production build
+2. Verify the build with `pnpm start`
+3. Deploy to your hosting platform of choice
+
+### Docker Deployment
+
+For Docker-based deployment:
+
+- **Dockerfile**: Docker configuration
+- **next.config.docker.mjs**: Next.js configuration for Docker
diff --git a/.cursor/rules/07-best-practices.mdc b/.cursor/rules/07-best-practices.mdc
new file mode 100644
index 0000000..bf9a49b
--- /dev/null
+++ b/.cursor/rules/07-best-practices.mdc
@@ -0,0 +1,73 @@
+# Best Practices
+
+This document outlines best practices for working with the Mkdirs codebase.
+
+## Code Organization
+
+Follow these guidelines for code organization:
+
+- **Component Isolation**: Keep components focused on a single responsibility
+- **Server vs. Client**: Clearly separate server and client components
+- **Type Definitions**: Place shared types in the `src/types` directory
+- **Utility Functions**: Extract reusable logic to the `src/lib` directory
+- **Page Structure**: Maintain consistent page component structure
+
+## Performance Optimization
+
+Ensure optimal performance:
+
+- **Server Components**: Use React Server Components for data-fetching operations
+- **Image Optimization**: Use Next.js Image component with proper sizing
+- **Bundle Size**: Monitor and optimize bundle size
+- **Lazy Loading**: Implement lazy loading for below-the-fold content
+- **Caching Strategy**: Leverage Next.js caching capabilities
+
+## State Management
+
+Guidelines for state management:
+
+- **Local State**: Use React's useState for component-specific state
+- **Form State**: Use React Hook Form for form state management
+- **Server State**: Prefer server components over client-side data fetching
+- **URL State**: Use URL parameters for shareable state
+- **Context API**: Use sparingly for deeply nested shared state
+
+## Error Handling
+
+Implement robust error handling:
+
+- **Error Boundaries**: Use React Error Boundaries for client components
+- **Form Validation**: Implement Zod validation for all forms
+- **API Errors**: Handle API errors gracefully with fallbacks
+- **Logging**: Log errors for debugging and monitoring
+- **User Feedback**: Provide clear error messages to users
+
+## Accessibility
+
+Ensure accessibility compliance:
+
+- **Semantic HTML**: Use appropriate HTML elements
+- **ARIA Attributes**: Add ARIA attributes where necessary
+- **Keyboard Navigation**: Ensure all interactions work with keyboard
+- **Color Contrast**: Maintain sufficient contrast ratios
+- **Screen Readers**: Test with screen readers
+
+## Security Best Practices
+
+Follow these security guidelines:
+
+- **Input Validation**: Validate all user inputs server-side
+- **Authentication**: Use NextAuth for secure authentication
+- **Authorization**: Implement proper authorization checks
+- **CSRF Protection**: Use proper CSRF tokens
+- **XSS Prevention**: Sanitize user-generated content
+
+## Testing Strategy
+
+Approach to testing:
+
+- **Component Testing**: Test UI components in isolation
+- **Integration Testing**: Test feature workflows
+- **Mocking**: Mock external services in tests
+- **Test Coverage**: Aim for good coverage of critical paths
+- **E2E Testing**: Implement end-to-end tests for critical flows
diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..73b4211
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,114 @@
+# "http://localhost:3000" or "https://mkdirs.com"
+NEXT_PUBLIC_APP_URL=
+
+# -----------------------------------------------------------------------------
+# Dataset & Storage (Sanity)
+# -----------------------------------------------------------------------------
+# https://www.sanity.io/manage
+NEXT_PUBLIC_SANITY_DATASET=
+NEXT_PUBLIC_SANITY_PROJECT_ID=
+SANITY_API_TOKEN=
+
+# -----------------------------------------------------------------------------
+# Email (Resend)
+# -----------------------------------------------------------------------------
+# https://resend.com/api-keys
+RESEND_API_KEY=
+RESEND_EMAIL_FROM=
+RESEND_EMAIL_ADMIN=
+RESEND_AUDIENCE_ID=
+
+# -----------------------------------------------------------------------------
+# Payment (Stripe)
+# -----------------------------------------------------------------------------
+STRIPE_API_KEY=
+STRIPE_WEBHOOK_SECRET=
+NEXT_PUBLIC_STRIPE_PRO_PRICE_ID=
+NEXT_PUBLIC_STRIPE_SPONSOR_PRICE_ID=
+
+# -----------------------------------------------------------------------------
+# Authentication (NextAuth)
+# -----------------------------------------------------------------------------
+# https://authjs.dev/getting-started/deployment#auth_secret
+# Secret can be generated with `openssl rand -base64 32`
+AUTH_SECRET=
+
+# https://authjs.dev/getting-started/authentication/oauth
+# https://console.cloud.google.com/apis/credentials
+AUTH_GOOGLE_ID=
+AUTH_GOOGLE_SECRET=
+
+# https://authjs.dev/getting-started/authentication/oauth
+# https://github.com/settings/developers
+AUTH_GITHUB_ID=
+AUTH_GITHUB_SECRET=
+
+# https://authjs.dev/getting-started/deployment#auth_trust_host
+# In a Docker environment, make sure to set either trustHost: true in your Auth.js configuration
+# or the AUTH_TRUST_HOST environment variable to true.
+# AUTH_TRUST_HOST=true
+
+# https://authjs.dev/getting-started/deployment#auth_url
+# This environment variable is mostly unnecessary with v5 as the host is inferred from the request headers.
+# However, if you are using a different base path, you can set this environment variable as well.
+# AUTH_URL=https://demo.mkdirs.com/api/auth
+
+# -----------------------------------------------------------------------------
+# Analytics (OpenPanel & Google)
+# -----------------------------------------------------------------------------
+# OpenPanel Analytics (https://openpanel.dev)
+NEXT_PUBLIC_OPENPANEL_CLIENT_ID=
+
+# Google Analytics (https://analytics.google.com)
+NEXT_PUBLIC_GOOGLE_ANALYTICS_ID=
+
+# Umami Analytics (https://umami.is)
+NEXT_PUBLIC_UMAMI_WEBSITE_ID=""
+NEXT_PUBLIC_UMAMI_SCRIPT="https://cloud.umami.is/script.js"
+
+# Plausible Analytics (https://plausible.io)
+NEXT_PUBLIC_PLAUSIBLE_DOMAIN=""
+NEXT_PUBLIC_PLAUSIBLE_SCRIPT="https://plausible.io/js/script.js"
+
+# -----------------------------------------------------------------------------
+# Notifications (discord)
+# -----------------------------------------------------------------------------
+DISCORD_WEBHOOK_URL=""
+
+# -----------------------------------------------------------------------------
+# AI SDK (https://sdk.vercel.ai)
+# default ai provider: ``, available values: `google`, `deepseek`, `openai`, `xai`, `openrouter`
+# google/deepseek/xai/openrouter are tested, openai is not tested yet
+# -----------------------------------------------------------------------------
+DEFAULT_AI_PROVIDER=
+
+# -----------------------------------------------------------------------------
+# Google Generative AI (https://aistudio.google.com/apikey)
+# NOTE: if you set `DEFAULT_AI_PROVIDER=google`, you should set this API_KEY
+# -----------------------------------------------------------------------------
+GOOGLE_GENERATIVE_AI_API_KEY=
+
+# -----------------------------------------------------------------------------
+# DeepSeek (https://platform.deepseek.com/api_keys)
+# NOTE: if you set `DEFAULT_AI_PROVIDER=deepseek`, you should set this API_KEY
+# -----------------------------------------------------------------------------
+DEEPSEEK_API_KEY=
+
+# -----------------------------------------------------------------------------
+# OpenAI (https://platform.openai.com/settings/organization/api-keys)
+# NOTE: if you set `DEFAULT_AI_PROVIDER=openai`, you should set this API_KEY
+# -----------------------------------------------------------------------------
+OPENAI_API_KEY=
+
+# -----------------------------------------------------------------------------
+# XAI (https://console.x.ai/)
+# NOTE: if you set `DEFAULT_AI_PROVIDER=xai`, you should set this API_KEY
+# -----------------------------------------------------------------------------
+XAI_API_KEY=
+
+# -----------------------------------------------------------------------------
+# OpenRouter (https://openrouter.ai/settings/keys)
+# NOTE: if you set `DEFAULT_AI_PROVIDER=openrouter`, you should set this API_KEY
+# -----------------------------------------------------------------------------
+OPENROUTER_API_KEY=
+OPENROUTER_MODEL=
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
new file mode 100644
index 0000000..bc81750
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -0,0 +1,38 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: "[BUG]"
+labels: bug
+assignees: javayhu
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Desktop (please complete the following information):**
+ - OS: [e.g. iOS]
+ - Browser [e.g. chrome, safari]
+ - Version [e.g. 22]
+
+**Smartphone (please complete the following information):**
+ - Device: [e.g. iPhone6]
+ - OS: [e.g. iOS8.1]
+ - Browser [e.g. stock browser, safari]
+ - Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
new file mode 100644
index 0000000..9f85240
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -0,0 +1,11 @@
+blank_issues_enabled: false
+contact_links:
+ - name: Mkdirs Community Support
+ url: https://github.com/MkdirsHQ/mkdirs/discussions
+ about: Please ask and answer questions here.
+ - name: Mkdirs Documentation
+ url: https://docs.mkdirs.com
+ about: Please check out the documentation here.
+ - name: Mkdirs Video Tutorials
+ url: https://www.youtube.com/@MkdirsHQ
+ about: Please check out the video tutorials here.
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
new file mode 100644
index 0000000..1feb04f
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/feature_request.md
@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: "[feat]"
+labels: enhancement
+assignees: javayhu
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..1aa3a62
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+/.docs/
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+.env
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# idea
+/.idea/
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..bf8f0fe
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,7 @@
+{
+ "recommendations": [
+ "biomejs.biome",
+ "bradlc.vscode-tailwindcss",
+ "eamodio.gitlens"
+ ]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..1361a29
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,22 @@
+{
+ "editor.defaultFormatter": "biomejs.biome",
+ "[javascript]": {
+ "editor.defaultFormatter": "biomejs.biome"
+ },
+ "[typescript]": {
+ "editor.defaultFormatter": "biomejs.biome"
+ },
+ "[typescriptreact]": {
+ "editor.defaultFormatter": "biomejs.biome"
+ },
+ "editor.formatOnSave": true,
+ "editor.codeActionsOnSave": {
+ "quickfix.biome": "explicit",
+ "source.organizeImports.biome": "explicit"
+ },
+ "search.exclude": {
+ "**/node_modules": true,
+ ".next": true,
+ ".content-collections": true
+ }
+}
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 0000000..b1098a2
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,79 @@
+# AGENTS.md
+
+This file provides guidance to Code Agents (Codex, Cursor, etc.) when working with code in this repository.
+
+## Project Overview
+
+Mkdirs is a Next.js 14 directory website template with Sanity CMS, enabling AI-powered directory sites with listings, payments, authentication, blog, and newsletter features.
+
+## Commands
+
+- **Dev server**: `pnpm dev`
+- **Build**: `pnpm build`
+- **Start production**: `pnpm start`
+- **Lint**: `pnpm lint` (Biome - checks and auto-fixes)
+- **Lint with unsafe fixes**: `pnpm lint:fix`
+- **Format**: `pnpm format` (Biome)
+- **Generate Sanity types**: `pnpm typegen` (run after schema changes)
+- **Email preview**: `pnpm email` (starts email dev server on port 3333)
+- **Batch item operations**: `pnpm item:import`, `pnpm item:fetch`, `pnpm item:update`, `pnpm item:remove`
+- **Batch all**: `pnpm batch` (or `pnpm batch:import`, `pnpm batch:update`, `pnpm batch:remove`)
+
+## Architecture
+
+### Route Structure (Next.js App Router)
+
+The app uses two top-level route groups:
+
+- `src/app/(website)/` - Main website with nested groups:
+ - `(public)/` - Public pages: home, search, item, category, tag, collection, blog, pricing
+ - `(protected)/` - Auth-required pages: dashboard, settings, submit, edit
+ - `(newsletter)/` - Newsletter unsubscribe
+ - `auth/` - Login, register, reset password, email verification
+- `src/app/(sanity)/` - Sanity Studio admin interface (accessible at `/studio`)
+- `src/app/api/` - API routes: auth, webhook (Stripe), og images, draft mode, send-email, upload-image
+
+### Route Protection
+
+`src/routes.ts` defines public routes, auth routes, and API auth prefix. `src/middleware.ts` enforces access control. Authenticated users on auth routes redirect to `/dashboard`.
+
+### Data Layer
+
+- **Sanity CMS** is the primary content store. Schemas live in `src/sanity/schemas/documents/` organized by domain: `directory/` (item, category, tag, collection, group), `blog/` (post, author), `page/`, `order/`, `auth/`, and `settings.ts`.
+- **`src/data/`** contains data access functions (item.ts, blog.ts, collection.ts, user.ts, account.ts, order.ts, submission.ts, etc.) used by server components and actions.
+- **`src/sanity/lib/`** has Sanity client utilities and GROQ query helpers.
+- **`sanity.types.ts`** contains auto-generated TypeScript types from Sanity schemas (regenerate with `pnpm typegen`).
+
+### Server Actions
+
+`src/actions/` contains all server actions for mutations: authentication (login, register, reset), item operations (submit, edit, publish, unpublish), payment (checkout sessions, customer portal), settings, newsletter subscription, and admin operations.
+
+### Key Integrations
+
+- **Auth**: NextAuth v5 (beta.18) configured in `src/auth.ts` and `src/auth.config.ts`. Supports credentials + OAuth providers.
+- **Payments**: Stripe via `src/lib/stripe.ts`, with checkout session creation in actions and webhook handling in `src/app/api/webhook/route.ts`.
+- **AI**: Vercel AI SDK with multiple providers (OpenAI, Google, DeepSeek, xAI, OpenRouter) for content generation assistance.
+- **Email**: React Email templates in `emails/` sent via Resend (`src/lib/mail.ts`).
+- **Analytics**: OpenPanel integration (`@openpanel/nextjs`).
+- **Image metadata**: Microlink (`@microlink/mql`) for fetching website screenshots/metadata.
+
+### Components Organization
+
+`src/components/` is organized by feature domain: `auth/`, `blog/`, `item/`, `category/`, `collection/`, `tag/`, `dashboard/`, `payment/`, `pricing/`, `search/`, `submit/`, `edit/`, `publish/`, `newsletter/`, `settings/`, `home/` (+ `home2/`, `home3/` variants), `layout/`, `shared/`, `icons/`, and `ui/` (shadcn/ui primitives).
+
+### Configuration
+
+- `src/config/site.ts` - Site-wide settings (name, URL, description)
+- `src/config/price.ts` - Pricing plans configuration
+- `src/config/dashboard.ts` - Dashboard navigation
+- `src/config/hero.ts`, `footer.ts`, `faq.ts`, `marketing.ts` - Landing page sections
+- `src/lib/constants.ts` - Shared constants
+- `src/lib/schemas.ts` - Zod validation schemas used across forms and actions
+
+### Styling
+
+Tailwind CSS with `tailwind.config.ts`. UI primitives are Radix UI-based shadcn/ui components in `src/components/ui/`. Biome ignores `src/components/ui/*.tsx` (generated code).
+
+### Environment
+
+Copy `.env.example` to `.env`. Key variables: `NEXT_PUBLIC_SITE_URL`, `NEXT_PUBLIC_SANITY_PROJECT_ID`, `NEXT_PUBLIC_SANITY_DATASET`, `SANITY_API_TOKEN`, `NEXTAUTH_SECRET`, `STRIPE_SECRET_KEY`, Resend API key, and AI provider keys.
diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 0000000..109a8b8
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,79 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+Mkdirs is a Next.js 14 directory website template with Sanity CMS, enabling AI-powered directory sites with listings, payments, authentication, blog, and newsletter features.
+
+## Commands
+
+- **Dev server**: `pnpm dev`
+- **Build**: `pnpm build`
+- **Start production**: `pnpm start`
+- **Lint**: `pnpm lint` (Biome - checks and auto-fixes)
+- **Lint with unsafe fixes**: `pnpm lint:fix`
+- **Format**: `pnpm format` (Biome)
+- **Generate Sanity types**: `pnpm typegen` (run after schema changes)
+- **Email preview**: `pnpm email` (starts email dev server on port 3333)
+- **Batch item operations**: `pnpm item:import`, `pnpm item:fetch`, `pnpm item:update`, `pnpm item:remove`
+- **Batch all**: `pnpm batch` (or `pnpm batch:import`, `pnpm batch:update`, `pnpm batch:remove`)
+
+## Architecture
+
+### Route Structure (Next.js App Router)
+
+The app uses two top-level route groups:
+
+- `src/app/(website)/` - Main website with nested groups:
+ - `(public)/` - Public pages: home, search, item, category, tag, collection, blog, pricing
+ - `(protected)/` - Auth-required pages: dashboard, settings, submit, edit
+ - `(newsletter)/` - Newsletter unsubscribe
+ - `auth/` - Login, register, reset password, email verification
+- `src/app/(sanity)/` - Sanity Studio admin interface (accessible at `/studio`)
+- `src/app/api/` - API routes: auth, webhook (Stripe), og images, draft mode, send-email, upload-image
+
+### Route Protection
+
+`src/routes.ts` defines public routes, auth routes, and API auth prefix. `src/middleware.ts` enforces access control. Authenticated users on auth routes redirect to `/dashboard`.
+
+### Data Layer
+
+- **Sanity CMS** is the primary content store. Schemas live in `src/sanity/schemas/documents/` organized by domain: `directory/` (item, category, tag, collection, group), `blog/` (post, author), `page/`, `order/`, `auth/`, and `settings.ts`.
+- **`src/data/`** contains data access functions (item.ts, blog.ts, collection.ts, user.ts, account.ts, order.ts, submission.ts, etc.) used by server components and actions.
+- **`src/sanity/lib/`** has Sanity client utilities and GROQ query helpers.
+- **`sanity.types.ts`** contains auto-generated TypeScript types from Sanity schemas (regenerate with `pnpm typegen`).
+
+### Server Actions
+
+`src/actions/` contains all server actions for mutations: authentication (login, register, reset), item operations (submit, edit, publish, unpublish), payment (checkout sessions, customer portal), settings, newsletter subscription, and admin operations.
+
+### Key Integrations
+
+- **Auth**: NextAuth v5 (beta.18) configured in `src/auth.ts` and `src/auth.config.ts`. Supports credentials + OAuth providers.
+- **Payments**: Stripe via `src/lib/stripe.ts`, with checkout session creation in actions and webhook handling in `src/app/api/webhook/route.ts`.
+- **AI**: Vercel AI SDK with multiple providers (OpenAI, Google, DeepSeek, xAI, OpenRouter) for content generation assistance.
+- **Email**: React Email templates in `emails/` sent via Resend (`src/lib/mail.ts`).
+- **Analytics**: OpenPanel integration (`@openpanel/nextjs`).
+- **Image metadata**: Microlink (`@microlink/mql`) for fetching website screenshots/metadata.
+
+### Components Organization
+
+`src/components/` is organized by feature domain: `auth/`, `blog/`, `item/`, `category/`, `collection/`, `tag/`, `dashboard/`, `payment/`, `pricing/`, `search/`, `submit/`, `edit/`, `publish/`, `newsletter/`, `settings/`, `home/` (+ `home2/`, `home3/` variants), `layout/`, `shared/`, `icons/`, and `ui/` (shadcn/ui primitives).
+
+### Configuration
+
+- `src/config/site.ts` - Site-wide settings (name, URL, description)
+- `src/config/price.ts` - Pricing plans configuration
+- `src/config/dashboard.ts` - Dashboard navigation
+- `src/config/hero.ts`, `footer.ts`, `faq.ts`, `marketing.ts` - Landing page sections
+- `src/lib/constants.ts` - Shared constants
+- `src/lib/schemas.ts` - Zod validation schemas used across forms and actions
+
+### Styling
+
+Tailwind CSS with `tailwind.config.ts`. UI primitives are Radix UI-based shadcn/ui components in `src/components/ui/`. Biome ignores `src/components/ui/*.tsx` (generated code).
+
+### Environment
+
+Copy `.env.example` to `.env`. Key variables: `NEXT_PUBLIC_SITE_URL`, `NEXT_PUBLIC_SANITY_PROJECT_ID`, `NEXT_PUBLIC_SANITY_DATASET`, `SANITY_API_TOKEN`, `NEXTAUTH_SECRET`, `STRIPE_SECRET_KEY`, Resend API key, and AI provider keys.
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..e3f70e9
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,61 @@
+# https://github.com/nextauthjs/next-auth-example/blob/main/Dockerfile
+# syntax=docker/dockerfile:1
+FROM node:20-alpine AS base
+
+# Install dependencies only when needed
+FROM base AS deps
+# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+
+# Install dependencies
+COPY package.json pnpm-lock.yaml* ./
+RUN npm install -g pnpm && pnpm i --frozen-lockfile
+
+# Rebuild the source code only when needed
+FROM base AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+
+# Next.js collects completely anonymous telemetry data about general usage.
+# Learn more here: https://nextjs.org/telemetry
+# Uncomment the following line in case you want to disable telemetry during the build.
+# ENV NEXT_TELEMETRY_DISABLED 1
+
+RUN npm install -g pnpm \
+ && mv next.config.docker.mjs next.config.mjs \
+ && pnpm build
+
+# Production image, copy all the files and run next
+FROM base AS runner
+WORKDIR /app
+
+ENV NODE_ENV production
+# Uncomment the following line in case you want to disable telemetry during runtime.
+# ENV NEXT_TELEMETRY_DISABLED 1
+
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+COPY --from=builder /app/public ./public
+
+# Set the correct permission for prerender cache
+RUN mkdir .next
+RUN chown nextjs:nodejs .next
+
+# Automatically leverage output traces to reduce image size
+# https://nextjs.org/docs/advanced-features/output-file-tracing
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+
+USER nextjs
+
+EXPOSE 3000
+
+ENV PORT 3000
+ENV HOSTNAME "0.0.0.0"
+
+# server.js is created by next build from the standalone output
+# https://nextjs.org/docs/pages/api-reference/next-config-js/output
+CMD ["node", "server.js"]
\ No newline at end of file
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..261eeb9
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,201 @@
+ Apache License
+ Version 2.0, January 2004
+ http://www.apache.org/licenses/
+
+ TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+ 1. Definitions.
+
+ "License" shall mean the terms and conditions for use, reproduction,
+ and distribution as defined by Sections 1 through 9 of this document.
+
+ "Licensor" shall mean the copyright owner or entity authorized by
+ the copyright owner that is granting the License.
+
+ "Legal Entity" shall mean the union of the acting entity and all
+ other entities that control, are controlled by, or are under common
+ control with that entity. For the purposes of this definition,
+ "control" means (i) the power, direct or indirect, to cause the
+ direction or management of such entity, whether by contract or
+ otherwise, or (ii) ownership of fifty percent (50%) or more of the
+ outstanding shares, or (iii) beneficial ownership of such entity.
+
+ "You" (or "Your") shall mean an individual or Legal Entity
+ exercising permissions granted by this License.
+
+ "Source" form shall mean the preferred form for making modifications,
+ including but not limited to software source code, documentation
+ source, and configuration files.
+
+ "Object" form shall mean any form resulting from mechanical
+ transformation or translation of a Source form, including but
+ not limited to compiled object code, generated documentation,
+ and conversions to other media types.
+
+ "Work" shall mean the work of authorship, whether in Source or
+ Object form, made available under the License, as indicated by a
+ copyright notice that is included in or attached to the work
+ (an example is provided in the Appendix below).
+
+ "Derivative Works" shall mean any work, whether in Source or Object
+ form, that is based on (or derived from) the Work and for which the
+ editorial revisions, annotations, elaborations, or other modifications
+ represent, as a whole, an original work of authorship. For the purposes
+ of this License, Derivative Works shall not include works that remain
+ separable from, or merely link (or bind by name) to the interfaces of,
+ the Work and Derivative Works thereof.
+
+ "Contribution" shall mean any work of authorship, including
+ the original version of the Work and any modifications or additions
+ to that Work or Derivative Works thereof, that is intentionally
+ submitted to Licensor for inclusion in the Work by the copyright owner
+ or by an individual or Legal Entity authorized to submit on behalf of
+ the copyright owner. For the purposes of this definition, "submitted"
+ means any form of electronic, verbal, or written communication sent
+ to the Licensor or its representatives, including but not limited to
+ communication on electronic mailing lists, source code control systems,
+ and issue tracking systems that are managed by, or on behalf of, the
+ Licensor for the purpose of discussing and improving the Work, but
+ excluding communication that is conspicuously marked or otherwise
+ designated in writing by the copyright owner as "Not a Contribution."
+
+ "Contributor" shall mean Licensor and any individual or Legal Entity
+ on behalf of whom a Contribution has been received by Licensor and
+ subsequently incorporated within the Work.
+
+ 2. Grant of Copyright License. Subject to the terms and conditions of
+ this License, each Contributor hereby grants to You a perpetual,
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+ copyright license to reproduce, prepare Derivative Works of,
+ publicly display, publicly perform, sublicense, and distribute the
+ Work and such Derivative Works in Source or Object form.
+
+ 3. Grant of Patent License. Subject to the terms and conditions of
+ this License, each Contributor hereby grants to You a perpetual,
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+ (except as stated in this section) patent license to make, have made,
+ use, offer to sell, sell, import, and otherwise transfer the Work,
+ where such license applies only to those patent claims licensable
+ by such Contributor that are necessarily infringed by their
+ Contribution(s) alone or by combination of their Contribution(s)
+ with the Work to which such Contribution(s) was submitted. If You
+ institute patent litigation against any entity (including a
+ cross-claim or counterclaim in a lawsuit) alleging that the Work
+ or a Contribution incorporated within the Work constitutes direct
+ or contributory patent infringement, then any patent licenses
+ granted to You under this License for that Work shall terminate
+ as of the date such litigation is filed.
+
+ 4. Redistribution. You may reproduce and distribute copies of the
+ Work or Derivative Works thereof in any medium, with or without
+ modifications, and in Source or Object form, provided that You
+ meet the following conditions:
+
+ (a) You must give any other recipients of the Work or
+ Derivative Works a copy of this License; and
+
+ (b) You must cause any modified files to carry prominent notices
+ stating that You changed the files; and
+
+ (c) You must retain, in the Source form of any Derivative Works
+ that You distribute, all copyright, patent, trademark, and
+ attribution notices from the Source form of the Work,
+ excluding those notices that do not pertain to any part of
+ the Derivative Works; and
+
+ (d) If the Work includes a "NOTICE" text file as part of its
+ distribution, then any Derivative Works that You distribute must
+ include a readable copy of the attribution notices contained
+ within such NOTICE file, excluding those notices that do not
+ pertain to any part of the Derivative Works, in at least one
+ of the following places: within a NOTICE text file distributed
+ as part of the Derivative Works; within the Source form or
+ documentation, if provided along with the Derivative Works; or,
+ within a display generated by the Derivative Works, if and
+ wherever such third-party notices normally appear. The contents
+ of the NOTICE file are for informational purposes only and
+ do not modify the License. You may add Your own attribution
+ notices within Derivative Works that You distribute, alongside
+ or as an addendum to the NOTICE text from the Work, provided
+ that such additional attribution notices cannot be construed
+ as modifying the License.
+
+ You may add Your own copyright statement to Your modifications and
+ may provide additional or different license terms and conditions
+ for use, reproduction, or distribution of Your modifications, or
+ for any such Derivative Works as a whole, provided Your use,
+ reproduction, and distribution of the Work otherwise complies with
+ the conditions stated in this License.
+
+ 5. Submission of Contributions. Unless You explicitly state otherwise,
+ any Contribution intentionally submitted for inclusion in the Work
+ by You to the Licensor shall be under the terms and conditions of
+ this License, without any additional terms or conditions.
+ Notwithstanding the above, nothing herein shall supersede or modify
+ the terms of any separate license agreement you may have executed
+ with Licensor regarding such Contributions.
+
+ 6. Trademarks. This License does not grant permission to use the trade
+ names, trademarks, service marks, or product names of the Licensor,
+ except as required for reasonable and customary use in describing the
+ origin of the Work and reproducing the content of the NOTICE file.
+
+ 7. Disclaimer of Warranty. Unless required by applicable law or
+ agreed to in writing, Licensor provides the Work (and each
+ Contributor provides its Contributions) on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+ implied, including, without limitation, any warranties or conditions
+ of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+ PARTICULAR PURPOSE. You are solely responsible for determining the
+ appropriateness of using or redistributing the Work and assume any
+ risks associated with Your exercise of permissions under this License.
+
+ 8. Limitation of Liability. In no event and under no legal theory,
+ whether in tort (including negligence), contract, or otherwise,
+ unless required by applicable law (such as deliberate and grossly
+ negligent acts) or agreed to in writing, shall any Contributor be
+ liable to You for damages, including any direct, indirect, special,
+ incidental, or consequential damages of any character arising as a
+ result of this License or out of the use or inability to use the
+ Work (including but not limited to damages for loss of goodwill,
+ work stoppage, computer failure or malfunction, or any and all
+ other commercial damages or losses), even if such Contributor
+ has been advised of the possibility of such damages.
+
+ 9. Accepting Warranty or Additional Liability. While redistributing
+ the Work or Derivative Works thereof, You may choose to offer,
+ and charge a fee for, acceptance of support, warranty, indemnity,
+ or other liability obligations and/or rights consistent with this
+ License. However, in accepting such obligations, You may act only
+ on Your own behalf and on Your sole responsibility, not on behalf
+ of any other Contributor, and only if You agree to indemnify,
+ defend, and hold each Contributor harmless for any liability
+ incurred by, or claims asserted against, such Contributor by reason
+ of your accepting any such warranty or additional liability.
+
+ END OF TERMS AND CONDITIONS
+
+ APPENDIX: How to apply the Apache License to your work.
+
+ To apply the Apache License to your work, attach the following
+ boilerplate notice, with the fields enclosed by brackets "[]"
+ replaced with your own identifying information. (Don't include
+ the brackets!) The text should be enclosed in the appropriate
+ comment syntax for the file format. We also recommend that a
+ file or class name and description of purpose be included on the
+ same "printed page" as the copyright notice for easier
+ identification within third-party archives.
+
+ Copyright [yyyy] [name of copyright owner]
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..ab143ce
--- /dev/null
+++ b/README.md
@@ -0,0 +1,52 @@
+# Mkdirs
+
+Launch AI-powered directory websites in minutes
+
+[](https://github.com/MkdirsHQ/mkdirs/stargazers)
+[](LICENSE)
+
+Mkdirs helps you launch a directory website with listings, AI-assisted
+submissions, payments, authentication, CMS, blog, newsletter, SEO, themes,
+and more.
+
+[Live Demo](https://demo.mkdirs.com) · [Documentation](https://docs.mkdirs.com) · [Installation Guide](https://docs.mkdirs.com/installation) · [Video Tutorials](https://www.youtube.com/@MkdirsHQ) · [Showcase](https://mkdirs.com/showcase)
+
+
+
+## Features
+
+- Directory listings, categories, collections, tags, and search
+- AI-assisted website submission and content generation
+- User authentication and dashboard
+- Free, paid, and sponsored submissions with Stripe
+- Sanity CMS and blog
+- Email and newsletter integration with Resend
+- SEO, analytics, themes, and responsive layouts
+- Vercel and Docker deployment
+
+## Tech Stack
+
+Next.js, React, TypeScript, Tailwind CSS, Sanity, Auth.js, Stripe, and Resend.
+
+For installation, configuration, customization, deployment, and video
+tutorials, visit the [Mkdirs documentation](https://docs.mkdirs.com).
+
+## Links
+
+- [Website](https://mkdirs.com)
+- [Demo](https://demo.mkdirs.com)
+- [Documentation](https://docs.mkdirs.com)
+- [YouTube](https://www.youtube.com/@MkdirsHQ)
+- [Discord](https://mksaas.link/discord)
+
+## License
+
+Licensed under the [Apache License 2.0](LICENSE). You may use, modify, and
+distribute the code, including for commercial purposes, subject to the terms
+of the license.
+
+The license does not grant permission to use the Mkdirs name, logo, or other
+trademarks to identify or promote derived products. Reasonable use to describe
+the origin of the software, such as “Built with Mkdirs,” is permitted.
+
+Copyright © Mkdirs.
diff --git a/biome.json b/biome.json
new file mode 100644
index 0000000..6fdc08c
--- /dev/null
+++ b/biome.json
@@ -0,0 +1,36 @@
+{
+ "files": {
+ "ignore": [
+ "src/components/ui/*.tsx"
+ ]
+ },
+ "formatter": {
+ "enabled": true,
+ "formatWithErrors": false,
+ "ignore": [],
+ "attributePosition": "auto",
+ "indentStyle": "space",
+ "indentWidth": 2,
+ "lineWidth": 80,
+ "lineEnding": "lf"
+ },
+ "javascript": {
+ "formatter": {
+ "arrowParentheses":"always",
+ "bracketSameLine": false,
+ "bracketSpacing": true,
+ "jsxQuoteStyle": "double",
+ "quoteProperties": "asNeeded",
+ "semicolons": "always",
+ "trailingCommas": "all"
+ }
+ },
+ "json": {
+ "formatter": {
+ "trailingCommas": "none"
+ }
+ },
+ "organizeImports": {
+ "enabled": true
+ }
+}
\ No newline at end of file
diff --git a/components.json b/components.json
new file mode 100644
index 0000000..15f2b02
--- /dev/null
+++ b/components.json
@@ -0,0 +1,17 @@
+{
+ "$schema": "https://ui.shadcn.com/schema.json",
+ "style": "default",
+ "rsc": true,
+ "tsx": true,
+ "tailwind": {
+ "config": "tailwind.config.ts",
+ "css": "app/globals.css",
+ "baseColor": "slate",
+ "cssVariables": true,
+ "prefix": ""
+ },
+ "aliases": {
+ "components": "@/components",
+ "utils": "@/lib/utils"
+ }
+}
\ No newline at end of file
diff --git a/emails/approval-email.tsx b/emails/approval-email.tsx
new file mode 100644
index 0000000..cb48c0f
--- /dev/null
+++ b/emails/approval-email.tsx
@@ -0,0 +1,119 @@
+import { siteConfig } from "@/config/site";
+import { getBaseUrl } from "@/lib/utils";
+import {
+ Body,
+ Button,
+ Container,
+ Head,
+ Hr,
+ Html,
+ Img,
+ Link,
+ Preview,
+ Section,
+ Text,
+} from "@react-email/components";
+import {
+ anchor,
+ box,
+ button,
+ container,
+ footer,
+ footerLeft,
+ footerRight,
+ hr,
+ main,
+ paragraph,
+} from "./email-formats";
+
+interface ApprovalEmailProps {
+ userName?: string;
+ itemLink?: string;
+}
+
+/**
+ * https://demo.react.email/preview/welcome/stripe-welcome
+ */
+export const ApprovalEmail = ({
+ userName,
+ itemLink,
+}: ApprovalEmailProps) => {
+ const baseUrl = getBaseUrl();
+ return (
+
+
+ Your submission has been approved
+
+
+
+ 
+
+ Hi {userName},
+
+ Thanks for submitting your product to{" "}
+
+ {siteConfig.name}
+
+ . We're so excited to include your product in our directory!
+
+
+ Your product has been successfully added to our directory. You can
+ view your listing by clicking the button below:
+
+
+
+
+ We appreciate your support and contribution to our community. If
+ you have any questions, please don't hesitate to contact us.
+
+
+ Thank you again for choosing{" "}
+
+ {siteConfig.name}
+
+ . We look forward to helping more people discover your product!
+
+
+ Thanks,
+ The{" "}
+
+ {siteConfig.name}
+ {" "}
+ team
+
+
+
+
+ © {new Date().getFullYear()}
+ All Rights Reserved.
+
+
+
+ Twitter
+
+
+
+ GitHub
+
+
+
+
+
+
+
+ );
+};
+
+ApprovalEmail.PreviewProps = {
+ userName: "Javayhu",
+ itemLink: "https://demo.mkdirs.com",
+} as ApprovalEmailProps;
+
+export default ApprovalEmail;
diff --git a/emails/email-formats.ts b/emails/email-formats.ts
new file mode 100644
index 0000000..0f64e54
--- /dev/null
+++ b/emails/email-formats.ts
@@ -0,0 +1,62 @@
+export const main = {
+ // backgroundColor: "#f6f9fc",
+ // padding: "40px",
+ fontFamily: '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Ubuntu,sans-serif',
+};
+
+export const container = {
+ // backgroundColor: "#ffffff",
+ // padding: "20px 0 20px",
+};
+
+export const box = {
+ padding: "8px",
+};
+
+export const hr = {
+ borderColor: "#e6ebf1",
+ margin: "20px 0",
+};
+
+export const paragraph = {
+ color: "#525f7f",
+ fontSize: "16px",
+ lineHeight: "24px",
+ textAlign: "left" as const,
+};
+
+export const anchor = {
+ color: "#556cd6",
+};
+
+export const button = {
+ backgroundColor: "#656ee8",
+ borderRadius: "5px",
+ color: "#fff",
+ fontSize: "16px",
+ fontWeight: "bold",
+ textDecoration: "none",
+ textAlign: "center" as const,
+ display: "block",
+ width: "100%",
+ padding: "10px",
+};
+
+export const footer = {
+ width: "100%",
+ color: "#8898aa",
+ fontSize: "12px",
+ lineHeight: "16px",
+ display: "table",
+ tableLayout: "fixed" as const,
+};
+
+export const footerLeft = {
+ display: "table-cell",
+ textAlign: "left" as const,
+};
+
+export const footerRight = {
+ display: "table-cell",
+ textAlign: "right" as const,
+};
\ No newline at end of file
diff --git a/emails/newsletter-welcome.tsx b/emails/newsletter-welcome.tsx
new file mode 100644
index 0000000..a27de5a
--- /dev/null
+++ b/emails/newsletter-welcome.tsx
@@ -0,0 +1,98 @@
+import { siteConfig } from "@/config/site";
+import { getBaseUrl } from "@/lib/utils";
+import {
+ Body,
+ Container,
+ Head,
+ Hr,
+ Html,
+ Img,
+ Link,
+ Preview,
+ Section,
+ Text,
+} from "@react-email/components";
+import {
+ anchor,
+ box,
+ container,
+ footer,
+ footerLeft,
+ footerRight,
+ hr,
+ main,
+ paragraph,
+} from "./email-formats";
+
+export const NewsletterWelcomeEmail = ({ email }: { email: string }) => {
+ const baseUrl = getBaseUrl();
+ const unsubscribeUrl = `${baseUrl}/unsubscribe?email=${encodeURIComponent(email)}`;
+
+ return (
+
+
+