+ session: Session
+}) => {
+ const { data: dbCustomer, error } = await supabaseServiceRole
+ .from("stripe_customers")
+ .select("stripe_customer_id")
+ .eq("user_id", session.user.id)
+ .single()
+
+ if (error && error.code != "PGRST116") {
+ // PGRST116 == no rows
+ return { error: error }
+ }
+
+ if (dbCustomer?.stripe_customer_id) {
+ return { customerId: dbCustomer.stripe_customer_id }
+ }
+
+ // Fetch data needed to create customer
+ const { data: profile, error: profileError } = await supabaseServiceRole
+ .from("profiles")
+ .select(`full_name, website, company_name`)
+ .eq("id", session.user.id)
+ .single()
+ if (profileError) {
+ return { error: profileError }
+ }
+
+ // Create a stripe customer
+ let customer
+ try {
+ customer = await stripe.customers.create({
+ email: session.user.email,
+ name: profile.full_name ?? "",
+ metadata: {
+ user_id: session.user.id,
+ company_name: profile.company_name ?? "",
+ website: profile.website ?? "",
+ },
+ })
+ } catch (e) {
+ return { error: e }
+ }
+
+ if (!customer.id) {
+ return { error: "Unknown stripe user creation error" }
+ }
+
+ // insert instead of upsert so we never over-write. PK ensures later attempts error.
+ const { error: insertError } = await supabaseServiceRole
+ .from("stripe_customers")
+ .insert({
+ user_id: session.user.id,
+ stripe_customer_id: customer.id,
+ updated_at: new Date(),
+ })
+
+ if (insertError) {
+ return { error: insertError }
+ }
+
+ return { customerId: customer.id }
+}
+
+export const fetchSubscription = async ({
+ customerId,
+}: {
+ customerId: string
+}) => {
+ // Fetch user's subscriptions
+ let stripeSubscriptions
+ try {
+ stripeSubscriptions = await stripe.subscriptions.list({
+ customer: customerId,
+ limit: 100,
+ status: "all",
+ })
+ } catch (e) {
+ return { error: e }
+ }
+
+ // find "primary". The user may have several old ones, we want an active one (including trials, and past_due in grace period).
+ const primaryStripeSubscription = stripeSubscriptions.data.find((x) => {
+ return (
+ x.status === "active" ||
+ x.status === "trialing" ||
+ x.status === "past_due"
+ )
+ })
+ let appSubscription = null
+ if (primaryStripeSubscription) {
+ const productId =
+ primaryStripeSubscription?.items?.data?.[0]?.price.product ?? ""
+ appSubscription = pricingPlans.find((x) => {
+ return x.stripe_product_id === productId
+ })
+ if (!appSubscription) {
+ return {
+ error:
+ "Stripe subscription does not have matching app subscription in pricing_plans.ts (via product id match)",
+ }
+ }
+ }
+ let primarySubscription = null
+ if (primaryStripeSubscription && appSubscription) {
+ primarySubscription = {
+ stripeSubscription: primaryStripeSubscription,
+ appSubscription: appSubscription,
+ }
+ }
+
+ const hasEverHadSubscription = stripeSubscriptions.data.length > 0
+
+ return {
+ primarySubscription,
+ hasEverHadSubscription,
+ }
+}
diff --git a/src/routes/(marketing)/+layout.svelte b/src/routes/(marketing)/+layout.svelte
new file mode 100644
index 0000000..54b2d30
--- /dev/null
+++ b/src/routes/(marketing)/+layout.svelte
@@ -0,0 +1,111 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/routes/(marketing)/+page.svelte b/src/routes/(marketing)/+page.svelte
new file mode 100644
index 0000000..7d3d344
--- /dev/null
+++ b/src/routes/(marketing)/+page.svelte
@@ -0,0 +1,431 @@
+
+
+
+ {WebsiteName}
+
+
+ {@html jsonldScript}
+
+
+
+
+
+
+ SaaS Starter Demo
+
+
+
+ The
+ open source,
+ fast, and
+ free to host
+ SaaS template
+
+
+
+
+
+
+
+
+
+ Explore the Features
+
+
+ And try them on this
+
+ fully functional demo
+
+
+
+
+
+ {#each features as feature}
+
+ {/each}
+
+
+
+
+
+
+ See it in Action
+
+
+
+
+
+
+
+
+ Our
webpage is the best example of SaaS Starter with style and real content.
+
+
+
+
+
+
+
+
+ {currentPost.parsedDate?.toLocaleDateString("en-US", {
+ month: "short",
+ day: "numeric",
+ year: "numeric",
+ })}
+
+ {currentPost.title}
+
+
diff --git a/src/routes/(marketing)/blog/(posts)/awesome_post/+page.svelte b/src/routes/(marketing)/blog/(posts)/awesome_post/+page.svelte
new file mode 100644
index 0000000..36e36e2
--- /dev/null
+++ b/src/routes/(marketing)/blog/(posts)/awesome_post/+page.svelte
@@ -0,0 +1,26 @@
+A sample post
+
+
+ This is a sample blog post to demonstrate the blog engine. It shows some of
+ the formatting options included in the template.
+
+
+Section Titles are great
+
+As are more paragraphs.
+
+
+ Block quotes are styled
+
+
+# Code blocks work too!
+npm install
+
+
+
+ Check out more formatting options like lists, headers, and more in the tailwind/typograpy docs.
+
diff --git a/src/routes/(marketing)/blog/(posts)/example_blog_post/+page.svelte b/src/routes/(marketing)/blog/(posts)/example_blog_post/+page.svelte
new file mode 100644
index 0000000..36e36e2
--- /dev/null
+++ b/src/routes/(marketing)/blog/(posts)/example_blog_post/+page.svelte
@@ -0,0 +1,26 @@
+A sample post
+
+
+ This is a sample blog post to demonstrate the blog engine. It shows some of
+ the formatting options included in the template.
+
+
+Section Titles are great
+
+As are more paragraphs.
+
+
+ Block quotes are styled
+
+
+# Code blocks work too!
+npm install
+
+
+
+ Check out more formatting options like lists, headers, and more in the tailwind/typograpy docs.
+
diff --git a/src/routes/(marketing)/blog/(posts)/how_we_built_our_41kb_saas_website/+page.svelte b/src/routes/(marketing)/blog/(posts)/how_we_built_our_41kb_saas_website/+page.svelte
new file mode 100644
index 0000000..f2a8758
--- /dev/null
+++ b/src/routes/(marketing)/blog/(posts)/how_we_built_our_41kb_saas_website/+page.svelte
@@ -0,0 +1,35 @@
+How to use this template you to bootstrap your own site.
+
+
+ We've written a detailed blog post about how we took this template, and
+ created a real SaaS company website. Topics include:
+
+
+
+ - Optimizing the stack for performance and developer productivity
+ - Creating rich interactive animations with Svelte
+ - Creating pixel perfect designs without rasterization
+ - Speed measurements: how we kept it small and lightning fast
+
+
+Read the Blog Post
+
+
+ The blog post is over on criticalmoments.io, a page which uses this boilerplate as a starting point.
+
+
+
+ If you are looking for examples of blog posts with rich content rendered
+ inside this template, checkout the other demo posts here.
+
diff --git a/src/routes/(marketing)/blog/+layout.ts b/src/routes/(marketing)/blog/+layout.ts
new file mode 100644
index 0000000..176ae64
--- /dev/null
+++ b/src/routes/(marketing)/blog/+layout.ts
@@ -0,0 +1 @@
+export const prerender = true
diff --git a/src/routes/(marketing)/blog/+page.svelte b/src/routes/(marketing)/blog/+page.svelte
new file mode 100644
index 0000000..0d973c4
--- /dev/null
+++ b/src/routes/(marketing)/blog/+page.svelte
@@ -0,0 +1,47 @@
+
+
+
+ {blogInfo.name}
+
+
+
+
diff --git a/src/routes/(marketing)/blog/posts.ts b/src/routes/(marketing)/blog/posts.ts
new file mode 100644
index 0000000..6199262
--- /dev/null
+++ b/src/routes/(marketing)/blog/posts.ts
@@ -0,0 +1,52 @@
+export const blogInfo = {
+ name: "SaaS Starter Blog",
+ description: "A sample blog",
+}
+
+export type BlogPost = {
+ link: string
+ date: string // date is a string 'YYYY-MM-DD'
+ title: string
+ description: string
+ parsedDate?: Date // Optional because it's added dynamically
+}
+
+// Update this list with the actual blog post list
+// Create a page in the "(posts)" directory for each entry
+const blogPosts: BlogPost[] = [
+ {
+ title: "How we built a beautiful 41kb SaaS website with this template",
+ description: "How to use this template you to bootstrap your own site.",
+ link: "/blog/how_we_built_our_41kb_saas_website",
+ date: "2024-03-10",
+ },
+ {
+ title: "Example Blog Post 2",
+ description: "Even more example content!",
+ link: "/blog/awesome_post",
+ date: "2022-9-23",
+ },
+ {
+ title: "Example Blog Post",
+ description: "A sample blog post, showing our blog engine",
+ link: "/blog/example_blog_post",
+ date: "2023-03-13",
+ },
+]
+
+// Parse post dates from strings to Date objects
+for (const post of blogPosts) {
+ if (!post.parsedDate) {
+ const dateParts = post.date.split("-")
+ post.parsedDate = new Date(
+ parseInt(dateParts[0]),
+ parseInt(dateParts[1]) - 1,
+ parseInt(dateParts[2]),
+ ) // Note: months are 0-based
+ }
+}
+
+export const sortedBlogPosts = blogPosts.sort(
+ (a: BlogPost, b: BlogPost) =>
+ (b.parsedDate?.getTime() ?? 0) - (a.parsedDate?.getTime() ?? 0),
+)
diff --git a/src/routes/(marketing)/blog/rss.xml/+server.ts b/src/routes/(marketing)/blog/rss.xml/+server.ts
new file mode 100644
index 0000000..6a11fd1
--- /dev/null
+++ b/src/routes/(marketing)/blog/rss.xml/+server.ts
@@ -0,0 +1,37 @@
+import { sortedBlogPosts, blogInfo } from "../posts"
+
+const encodeXML = (str: string) =>
+ str
+ .replace(/&/g, "&")
+ .replace(//g, ">")
+ .replace(/"/g, """)
+ .replace(/'/g, "'")
+
+/** @type {import('./$types').RequestHandler} */
+export function GET({ url }) {
+ const headers = {
+ "Cache-Control": "max-age=0, s-maxage=3600",
+ "Content-Type": "application/xml",
+ }
+
+ let body = `
+
+ ${blogInfo.name}
+ ${url.origin}/blog
+ ${blogInfo.description}
+ `
+ for (const post of sortedBlogPosts) {
+ body += `
+ -
+ ${encodeXML(post.title)}
+ ${encodeXML(post.description)}
+ ${url.origin + post.link}/
+ ${post.parsedDate?.toUTCString()}
+
\n`
+ }
+ body += ` \n\n`
+ return new Response(body, {
+ headers: headers,
+ })
+}
diff --git a/src/routes/(marketing)/contact_us/+page.server.ts b/src/routes/(marketing)/contact_us/+page.server.ts
new file mode 100644
index 0000000..c933b52
--- /dev/null
+++ b/src/routes/(marketing)/contact_us/+page.server.ts
@@ -0,0 +1,78 @@
+import { fail } from "@sveltejs/kit"
+import { sendAdminEmail } from "$lib/mailer.js"
+
+/** @type {import('./$types').Actions} */
+export const actions = {
+ submitContactUs: async ({ request, locals: { supabaseServiceRole } }) => {
+ const formData = await request.formData()
+ const errors: { [fieldName: string]: string } = {}
+
+ const firstName = formData.get("first_name")?.toString() ?? ""
+ if (firstName.length < 2) {
+ errors["first_name"] = "First name is required"
+ }
+ if (firstName.length > 500) {
+ errors["first_name"] = "First name too long"
+ }
+
+ const lastName = formData.get("last_name")?.toString() ?? ""
+ if (lastName.length < 2) {
+ errors["last_name"] = "Last name is required"
+ }
+ if (lastName.length > 500) {
+ errors["last_name"] = "Last name too long"
+ }
+
+ const email = formData.get("email")?.toString() ?? ""
+ if (email.length < 6) {
+ errors["email"] = "Email is required"
+ } else if (email.length > 500) {
+ errors["email"] = "Email too long"
+ } else if (!email.includes("@") || !email.includes(".")) {
+ errors["email"] = "Invalid email"
+ }
+
+ const company = formData.get("company")?.toString() ?? ""
+ if (company.length > 500) {
+ errors["company"] = "Company too long"
+ }
+
+ const phone = formData.get("phone")?.toString() ?? ""
+ if (phone.length > 100) {
+ errors["phone"] = "Phone number too long"
+ }
+
+ const message = formData.get("message")?.toString() ?? ""
+ if (message.length > 2000) {
+ errors["message"] = "Message too long (" + message.length + " of 2000)"
+ }
+
+ console.log("errors:", errors)
+ if (Object.keys(errors).length > 0) {
+ return fail(400, { errors })
+ }
+
+ // Save to database
+ const { error: insertError } = await supabaseServiceRole
+ .from("contact_requests")
+ .insert({
+ first_name: firstName,
+ last_name: lastName,
+ email,
+ company_name: company,
+ phone,
+ message_body: message,
+ updated_at: new Date(),
+ })
+
+ if (insertError) {
+ return fail(500, { errors: { _: "Error saving" } })
+ }
+
+ // Send email to admin
+ await sendAdminEmail({
+ subject: "New contact request",
+ body: `New contact request from ${firstName} ${lastName}.\n\nEmail: ${email}\n\nPhone: ${phone}\n\nCompany: ${company}\n\nMessage: ${message}`,
+ })
+ },
+}
diff --git a/src/routes/(marketing)/contact_us/+page.svelte b/src/routes/(marketing)/contact_us/+page.svelte
new file mode 100644
index 0000000..195bb21
--- /dev/null
+++ b/src/routes/(marketing)/contact_us/+page.svelte
@@ -0,0 +1,156 @@
+
+
+
+
+
+
Contact Us
+
Talk to one of our service professionals to:
+
+ - Get a live demo
+ - Discuss your specific needs
+ - Get a quote
+ - Answer any technical questions you have
+
+
Once you complete the form, we'll reach out to you! *
+
+ *Not really for this demo page, but you should say something like that
+ 😉
+
+
+
+
+
+ {#if showSuccess}
+
+
+
Thank you!
+
We've received your message and will be in touch soon.
+
+
+ {:else}
+
+ {/if}
+
+
+
+
+
+ 🍪 Logging in uses Cookies 🍪
+
+
+
Current Password Incorrect
+
+
+ You attempted edit your account with an incorrect current password, and have
+ been logged out.
+
+
+ If you remember your password sign in and try again.
+
+
+ If you forget your password reset it.
+
diff --git a/src/routes/(marketing)/login/forgot_password/+page.server.ts b/src/routes/(marketing)/login/forgot_password/+page.server.ts
new file mode 100644
index 0000000..62ad4e4
--- /dev/null
+++ b/src/routes/(marketing)/login/forgot_password/+page.server.ts
@@ -0,0 +1 @@
+export const ssr = false
diff --git a/src/routes/(marketing)/login/forgot_password/+page.svelte b/src/routes/(marketing)/login/forgot_password/+page.svelte
new file mode 100644
index 0000000..a8baa1f
--- /dev/null
+++ b/src/routes/(marketing)/login/forgot_password/+page.svelte
@@ -0,0 +1,26 @@
+
+
+
+ Forgot Password
+
+
+Forgot Password
+
+
+ Remember your password?
Sign in.
+
+
+
Email verified! Please sign in.
+
Sign In
+
+
+
+ Don't have an account?
Sign up.
+
Sign Up
+
+
+ Have an account?
Sign in.
+
+
Pricing
+
+ Totally free, scale to millions of users
+
+
+
+
+
Pricing FAQ
+
+
+
+
+
+ Is this template free to use?
+
+
+
Yup! This template is free to use for any project.
+
+
+
+
+
+ Why does a free template have a pricing page?
+
+
+
+ The pricing page is part of the boilerplate. It shows how the
+ pricing page integrates into the billing portal and the Stripe
+ Checkout flows.
+
+
+
+
+
+
+ What license is the template under?
+
+
+
The template is under the MIT license.
+
+
+
+
+
+ Can I try out purchase flows without real a credit card?
+
+
+
+ Our demo page SaasStarter.work has a functional demo page, using Stripe's test environment.
+
+
+ You can use the credit card number 4242 4242 4242 4242 with any
+ future expiry date to test the payment and upgrade flows.
+
+
+
+
+
+
+
+
+
+
+
Plan Features
+
+ Example feature table
+
+
+
+
+
+
+ |
+ Free |
+ Pro |
+
+
+
+ {#each planFeatures as feature}
+ {#if feature.header}
+
+ | {feature.name} |
+
+ {:else}
+
+ | {feature.name} |
+
+ {#if feature.freeString}
+ {feature.freeString}
+ {:else if feature.freeIncluded}
+
+ {:else}
+
+ {/if}
+ |
+
+ {#if feature.proString}
+ {feature.proString}
+ {:else if feature.proIncluded}
+
+ {:else}
+
+ {/if}
+ |
+
+ {/if}
+ {/each}
+
+
+
+
+
+ {#each pricingPlans as plan}
+
+
+
{plan.name}
+
+ {plan.description}
+
+
+ Plan Includes:
+
+ {#each plan.features as feature}
+ - {feature}
+ {/each}
+
+
+
+
+
{plan.price}
+
{plan.priceIntervalName}
+
+ {#if plan.id === currentPlanId}
+
+ Current Plan
+
+ {:else}
+
+ {callToAction}
+
+ {/if}
+
+
+
+
+ {/each}
+
+
+
+
+ {#if loading && searchQuery.length > 0}
+
Loading...
+ {/if}
+
+ {#if error}
+
+ Error connecting to search. Please try again later.
+
+ {/if}
+
+ {#if !loading && searchQuery.length > 0 && results.length === 0 && !error}
+
No results found
+ {#if dev}
+
+ Development mode only message: if you're missing content, rebuild your
+ local search index with `npm run build`
+
+ {/if}
+ {/if}
+
+
+
+
+
+
+
+
This is embarrassing...
+
There was an error: {$page?.error?.message}
+
+
+
+
+ 
+ 
+ 
+ 
+
+