(false)
45 |
46 | async function onSubmit(data: FormData) {
47 | setIsSaving(true)
48 |
49 | const response = await fetch(`/api/users/${user.id}`, {
50 | method: "PATCH",
51 | headers: {
52 | "Content-Type": "application/json",
53 | },
54 | body: JSON.stringify({
55 | name: data.name,
56 | }),
57 | })
58 |
59 | setIsSaving(false)
60 |
61 | if (!response?.ok) {
62 | return toast({
63 | title: "Something went wrong.",
64 | description: "Your name was not updated. Please try again.",
65 | variant: "destructive",
66 | })
67 | }
68 |
69 | toast({
70 | description: "Your name has been updated.",
71 | })
72 |
73 | router.refresh()
74 | }
75 |
76 | return (
77 |
120 | )
121 | }
122 |
--------------------------------------------------------------------------------
/config/dashboard.ts:
--------------------------------------------------------------------------------
1 | import { DashboardConfig } from "types"
2 |
3 | export const dashboardConfig: DashboardConfig = {
4 | mainNav: [
5 | {
6 | title: "Documentation",
7 | href: "/docs",
8 | },
9 | {
10 | title: "Support",
11 | href: "/support",
12 | disabled: true,
13 | },
14 | ],
15 | sidebarNav: [
16 | {
17 | title: "Posts",
18 | href: "/dashboard",
19 | icon: "post",
20 | },
21 | {
22 | title: "Billing",
23 | href: "/dashboard/billing",
24 | icon: "billing",
25 | },
26 | {
27 | title: "Settings",
28 | href: "/dashboard/settings",
29 | icon: "settings",
30 | },
31 | ],
32 | }
33 |
--------------------------------------------------------------------------------
/config/docs.ts:
--------------------------------------------------------------------------------
1 | import { DocsConfig } from "types"
2 |
3 | export const docsConfig: DocsConfig = {
4 | mainNav: [
5 | {
6 | title: "Documentation",
7 | href: "/docs",
8 | },
9 | {
10 | title: "Guides",
11 | href: "/guides",
12 | },
13 | ],
14 | sidebarNav: [
15 | {
16 | title: "Getting Started",
17 | items: [
18 | {
19 | title: "Introduction",
20 | href: "/docs",
21 | },
22 | ],
23 | },
24 | {
25 | title: "Documentation",
26 | items: [
27 | {
28 | title: "Introduction",
29 | href: "/docs/documentation",
30 | },
31 | {
32 | title: "Contentlayer",
33 | href: "/docs/in-progress",
34 | disabled: true,
35 | },
36 | {
37 | title: "Components",
38 | href: "/docs/documentation/components",
39 | },
40 | {
41 | title: "Code Blocks",
42 | href: "/docs/documentation/code-blocks",
43 | },
44 | {
45 | title: "Style Guide",
46 | href: "/docs/documentation/style-guide",
47 | },
48 | {
49 | title: "Search",
50 | href: "/docs/in-progress",
51 | disabled: true,
52 | },
53 | ],
54 | },
55 | {
56 | title: "Blog",
57 | items: [
58 | {
59 | title: "Introduction",
60 | href: "/docs/in-progress",
61 | disabled: true,
62 | },
63 | {
64 | title: "Build your own",
65 | href: "/docs/in-progress",
66 | disabled: true,
67 | },
68 | {
69 | title: "Writing Posts",
70 | href: "/docs/in-progress",
71 | disabled: true,
72 | },
73 | ],
74 | },
75 | {
76 | title: "Dashboard",
77 | items: [
78 | {
79 | title: "Introduction",
80 | href: "/docs/in-progress",
81 | disabled: true,
82 | },
83 | {
84 | title: "Layouts",
85 | href: "/docs/in-progress",
86 | disabled: true,
87 | },
88 | {
89 | title: "Server Components",
90 | href: "/docs/in-progress",
91 | disabled: true,
92 | },
93 | {
94 | title: "Authentication",
95 | href: "/docs/in-progress",
96 | disabled: true,
97 | },
98 | {
99 | title: "Database with Prisma",
100 | href: "/docs/in-progress",
101 | disabled: true,
102 | },
103 | {
104 | title: "API Routes",
105 | href: "/docs/in-progress",
106 | disabled: true,
107 | },
108 | ],
109 | },
110 | {
111 | title: "Marketing Site",
112 | items: [
113 | {
114 | title: "Introduction",
115 | href: "/docs/in-progress",
116 | disabled: true,
117 | },
118 | {
119 | title: "File Structure",
120 | href: "/docs/in-progress",
121 | disabled: true,
122 | },
123 | {
124 | title: "Tailwind CSS",
125 | href: "/docs/in-progress",
126 | disabled: true,
127 | },
128 | {
129 | title: "Typography",
130 | href: "/docs/in-progress",
131 | disabled: true,
132 | },
133 | ],
134 | },
135 | ],
136 | }
137 |
--------------------------------------------------------------------------------
/config/marketing.ts:
--------------------------------------------------------------------------------
1 | import { MarketingConfig } from "types"
2 |
3 | export const marketingConfig: MarketingConfig = {
4 | mainNav: [
5 | {
6 | title: "Features",
7 | href: "/#features",
8 | },
9 | {
10 | title: "Pricing",
11 | href: "/pricing",
12 | },
13 | {
14 | title: "Blog",
15 | href: "/blog",
16 | },
17 | {
18 | title: "Documentation",
19 | href: "/docs",
20 | },
21 | ],
22 | }
23 |
--------------------------------------------------------------------------------
/config/site.ts:
--------------------------------------------------------------------------------
1 | import { SiteConfig } from "types"
2 |
3 | export const siteConfig: SiteConfig = {
4 | name: "Taxonomy",
5 | description:
6 | "An open source application built using the new router, server components and everything new in Next.js 13.",
7 | url: "https://tx.shadcn.com",
8 | ogImage: "https://tx.shadcn.com/og.jpg",
9 | links: {
10 | twitter: "https://twitter.com/shadcn",
11 | github: "https://github.com/shadcn/taxonomy",
12 | },
13 | }
14 |
--------------------------------------------------------------------------------
/config/subscriptions.ts:
--------------------------------------------------------------------------------
1 | import { SubscriptionPlan } from "types"
2 | import { env } from "@/env.mjs"
3 |
4 | export const freePlan: SubscriptionPlan = {
5 | name: "Free",
6 | description:
7 | "The free plan is limited to 3 posts. Upgrade to the PRO plan for unlimited posts.",
8 | stripePriceId: "",
9 | }
10 |
11 | export const proPlan: SubscriptionPlan = {
12 | name: "PRO",
13 | description: "The PRO plan has unlimited posts.",
14 | stripePriceId: env.STRIPE_PRO_MONTHLY_PLAN_ID || "",
15 | }
16 |
--------------------------------------------------------------------------------
/content/authors/shadcn.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | title: shadcn
3 | avatar: /images/avatars/shadcn.png
4 | twitter: shadcn
5 | ---
6 |
--------------------------------------------------------------------------------
/content/docs/documentation/code-blocks.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | title: Code Blocks
3 | description: Advanced code blocks with highlighting, file names and more.
4 | ---
5 |
6 | The code blocks on the documentation site and the blog are powered by [rehype-pretty-code](https://github.com/atomiks/rehype-pretty-code). The syntax highlighting is done using [shiki](https://github.com/shikijs/shiki).
7 |
8 | It has the following features:
9 |
10 | 1. Beautiful code blocks with syntax highlighting.
11 | 2. Support for VS Code themes.
12 | 3. Works with hundreds of languages.
13 | 4. Line and word highlighting.
14 | 5. Support for line numbers.
15 | 6. Show code block titles using meta strings.
16 |
17 |
18 |
19 | Thanks to Shiki, highlighting is done at build time. No JavaScript is sent to the client for runtime highlighting.
20 |
21 |
22 |
23 | ## Example
24 |
25 | ```ts showLineNumbers title="next.config.js" {3} /appDir: true/
26 | import { withContentlayer } from "next-contentlayer"
27 |
28 | /** @type {import('next').NextConfig} */
29 | const nextConfig = {
30 | reactStrictMode: true,
31 | images: {
32 | domains: ["avatars.githubusercontent.com"],
33 | },
34 | experimental: {
35 | appDir: true,
36 | serverComponentsExternalPackages: ["@prisma/client"],
37 | },
38 | }
39 |
40 | export default withContentlayer(nextConfig)
41 | ```
42 |
43 | ## Title
44 |
45 | ````mdx
46 | ```ts title="path/to/file.ts"
47 | // Code here
48 | ```
49 | ````
50 |
51 | ## Line Highlight
52 |
53 | ````mdx
54 | ```ts {1,3-6}
55 | // Highlight line 1 and line 3 to 6
56 | ```
57 | ````
58 |
59 | ## Word Highlight
60 |
61 | ````mdx
62 | ```ts /shadcn/
63 | // Highlight the word shadcn.
64 | ```
65 | ````
66 |
67 | ## Line Numbers
68 |
69 | ````mdx
70 | ```ts showLineNumbers
71 | // This will show line numbers.
72 | ```
73 | ````
74 |
--------------------------------------------------------------------------------
/content/docs/documentation/components.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | title: Components
3 | description: Use React components in Markdown using MDX.
4 | ---
5 |
6 | The following components are available out of the box for use in Markdown.
7 |
8 | If you'd like to build and add your own custom components, see the [Custom Components](#custom-components) section below.
9 |
10 | ## Built-in Components
11 |
12 | ### 1. Callout
13 |
14 | ```mdx
15 |
16 |
17 | This is a default callout. You can embed **Markdown** inside a `callout`.
18 |
19 |
20 | ```
21 |
22 |
23 |
24 | This is a default callout. You can embed **Markdown** inside a `callout`.
25 |
26 |
27 |
28 |
29 |
30 | This is a warning callout. It uses the props `type="warning"`.
31 |
32 |
33 |
34 |
35 |
36 | This is a danger callout. It uses the props `type="danger"`.
37 |
38 |
39 |
40 | ### 2. Card
41 |
42 | ```mdx
43 |
44 |
45 | #### Heading
46 |
47 | You can use **markdown** inside cards.
48 |
49 |
50 | ```
51 |
52 |
53 |
54 | #### Heading
55 |
56 | You can use **markdown** inside cards.
57 |
58 |
59 |
60 | You can also use HTML to embed cards in a grid.
61 |
62 | ```mdx
63 |
64 |
65 | #### Card One
66 | You can use **markdown** inside cards.
67 |
68 |
69 |
70 | #### Card Two
71 | You can also use `inline code` and code blocks.
72 |
73 |
74 | ```
75 |
76 |
77 |
78 | #### Card One
79 | You can use **markdown** inside cards.
80 |
81 |
82 |
83 | #### Card Two
84 | You can also use `inline code` and code blocks.
85 |
86 |
87 |
88 | ---
89 |
90 | ## Custom Components
91 |
92 | You can add your own custom components using the `components` props from `useMDXComponent`.
93 |
94 | ```ts title="components/mdx.tsx" {2,6}
95 | import { Callout } from "@/components/callout"
96 | import { CustomComponent } from "@/components/custom"
97 |
98 | const components = {
99 | Callout,
100 | CustomComponent,
101 | }
102 |
103 | export function Mdx({ code }) {
104 | const Component = useMDXComponent(code)
105 |
106 | return (
107 |
108 |
110 | )
111 | }
112 | ```
113 |
114 | Once you've added your custom component, you can use it in MDX as follows:
115 |
116 | ```js
117 | This text will be red.
144 | ```
145 |
146 | Make sure you have configured the path to your content in your `tailwind.config.js` file:
147 |
148 | ```js title="tailwind.config.js" {6}
149 | /** @type {import('tailwindcss').Config} */
150 | module.exports = {
151 | content: [
152 | "./app/**/*.{ts,tsx}",
153 | "./components/**/*.{ts,tsx}",
154 | "./content/**/*.{md,mdx}",
155 | ],
156 | }
157 | ```
158 |
--------------------------------------------------------------------------------
/content/docs/documentation/index.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | title: Documentation
3 | description: Build your documentation site using Contentlayer and MDX.
4 | ---
5 |
6 | Taxonomy includes a documentation site built using [Contentlayer](https://contentlayer.dev) and [MDX](http://mdxjs.com).
7 |
8 | ## Features
9 |
10 | It comes with the following features out of the box:
11 |
12 | 1. Write content using MDX.
13 | 2. Transform and validate content using Contentlayer.
14 | 3. MDX components such as `
27 |
28 |
29 |
30 | ### Contentlayer
31 |
32 | Learn how to use MDX with Contentlayer.
33 |
34 |
35 |
36 |
37 |
38 | ### Components
39 |
40 | Using React components in Mardown.
41 |
42 |
43 |
44 |
45 |
46 | ### Code Blocks
47 |
48 | Beautiful code blocks with syntax highlighting.
49 |
50 |
51 |
52 |
53 |
54 | ### Style Guide
55 |
56 | View a sample page with all the styles.
57 |
58 |
59 |
60 |
61 |
--------------------------------------------------------------------------------
/content/docs/in-progress.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | title: Not Implemented
3 | description: This page is in progress.
4 | ---
5 |
6 |
7 |
8 | This site is a work in progress. If you see dummy text on a page, it means I'm still working on it. You can follow updates on Twitter [@shadcn](https://twitter.com/shadcn).
9 |
10 |
11 |
--------------------------------------------------------------------------------
/content/docs/index.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | title: Documentation
3 | description: Welcome to the Taxonomy documentation.
4 | ---
5 |
6 | This is the documentation for the Taxonomy site.
7 |
8 | This is an example of a doc site built using [ContentLayer](/docs/documentation/contentlayer) and MDX.
9 |
10 |
11 |
12 | This site is a work in progress. If you see dummy text on a page, it means I'm still working on it. You can follow updates on Twitter [@shadcn](https://twitter.com/shadcn).
13 |
14 |
15 |
16 | ## Features
17 |
18 | Select a feature below to learn more about it.
19 |
20 |
21 |
22 |
23 |
24 | ### Documentation
25 |
26 | This documentation site built using Contentlayer.
27 |
28 |
29 |
30 |
31 |
32 | ### Marketing
33 |
34 | The marketing site with landing pages.
35 |
36 |
37 |
38 |
39 |
40 | ### App
41 |
42 | The dashboard with auth and subscriptions.
43 |
44 |
45 |
46 |
47 |
48 | ### Blog
49 |
50 | The blog built using Contentlayer and MDX.
51 |
52 |
53 |
54 |
55 |
--------------------------------------------------------------------------------
/content/pages/privacy.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | title: Privacy
3 | description: The Privacy Policy for Taxonomy App.
4 | ---
5 |
6 | Blandit libero volutpat sed cras ornare arcu. Cursus sit amet dictum sit amet. Nunc vel risus commodo viverra maecenas accumsan. Libero id faucibus nisl tincidunt eget nullam non nisi est. Varius quam quisque id diam vel quam. Id donec ultrices tincidunt arcu non.
7 |
8 | ## Consent
9 |
10 | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Volutpat sed cras ornare arcu. Nibh ipsum consequat nisl vel pretium lectus quam id leo. A arcu cursus vitae congue. Amet justo donec enim diam. Vel pharetra vel turpis nunc eget lorem. Gravida quis blandit turpis cursus in. Semper auctor neque vitae tempus. Elementum facilisis leo vel fringilla est ullamcorper eget nulla. Imperdiet nulla malesuada pellentesque elit eget.
11 |
12 | Felis donec et odio pellentesque diam volutpat commodo sed.
13 |
14 | Tortor consequat id porta nibh. Fames ac turpis egestas maecenas pharetra convallis posuere morbi leo. Scelerisque fermentum dui faucibus in. Tortor posuere ac ut consequat semper viverra.
15 |
16 | ## Information we collect
17 |
18 | Amet justo donec enim diam. In hendrerit gravida rutrum quisque non. Hac habitasse platea dictumst quisque sagittis purus sit.
19 |
20 | ## How we use your Information
21 |
22 | Ut sem nulla pharetra diam sit amet nisl suscipit adipiscing. Consectetur adipiscing elit pellentesque habitant. Ut tristique et egestas quis ipsum suspendisse ultrices gravida.
23 |
--------------------------------------------------------------------------------
/content/pages/terms.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | title: Terms & Conditions
3 | description: Read our terms and conditions.
4 | ---
5 |
6 | Lorem ipsumMagna fermentum iaculis eu non diam. Vitae purus faucibus ornare suspendisse sed nisi lacus sed. In nibh mauris cursus mattis molestie a iaculis at. Enim sit amet venenatis urna. Eget sit amet tellus cras adipiscing.
7 |
8 | ## Legal Notices
9 |
10 | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Volutpat sed cras ornare arcu. Nibh ipsum consequat nisl vel pretium lectus quam id leo. A arcu cursus vitae congue. Amet justo donec enim diam. Vel pharetra vel turpis nunc eget lorem. Gravida quis blandit turpis cursus in. Semper auctor neque vitae tempus. Elementum facilisis leo vel fringilla est ullamcorper eget nulla. Imperdiet nulla malesuada pellentesque elit eget.
11 |
12 | Felis donec et odio pellentesque diam volutpat commodo sed.
13 |
14 | Tortor consequat id porta nibh. Fames ac turpis egestas maecenas pharetra convallis posuere morbi leo. Scelerisque fermentum dui faucibus in. Tortor posuere ac ut consequat semper viverra.
15 |
16 | ## Warranty Disclaimer
17 |
18 | Tellus in hac habitasse platea dictumst vestibulum. Faucibus in ornare quam viverra. Viverra aliquet eget sit amet tellus cras adipiscing. Erat nam at lectus urna duis convallis convallis tellus. Bibendum est ultricies integer quis auctor elit sed vulputate.
19 |
20 | Nisl condimentum id venenatis a condimentum vitae. Ac auctor augue mauris augue neque gravida in fermentum. Arcu felis bibendum ut tristique. Tempor commodo ullamcorper a lacus vestibulum sed arcu non.
21 |
22 | ## General
23 |
24 | Magna fermentum iaculis eu non diam. Vitae purus faucibus ornare suspendisse sed nisi lacus sed. In nibh mauris cursus mattis molestie a iaculis at. Enim sit amet venenatis urna. Eget sit amet tellus cras adipiscing.
25 |
26 | Sed lectus vestibulum mattis ullamcorper velit. Id diam vel quam elementum pulvinar. In iaculis nunc sed augue lacus viverra. In hendrerit gravida rutrum quisque non tellus. Nisl purus in mollis nunc.
27 |
28 | ## Disclaimer
29 |
30 | Amet justo donec enim diam. In hendrerit gravida rutrum quisque non. Hac habitasse platea dictumst quisque sagittis purus sit. Faucibus ornare suspendisse sed nisi lacus. Nulla porttitor massa id neque aliquam vestibulum. Ante in nibh mauris cursus mattis molestie a. Mi tempus imperdiet nulla malesuada.
31 |
--------------------------------------------------------------------------------
/env.mjs:
--------------------------------------------------------------------------------
1 | import { createEnv } from "@t3-oss/env-nextjs"
2 | import { z } from "zod"
3 |
4 | export const env = createEnv({
5 | server: {
6 | // This is optional because it's only used in development.
7 | // See https://next-auth.js.org/deployment.
8 | NEXTAUTH_URL: z.string().url().optional(),
9 | NEXTAUTH_SECRET: z.string().min(1),
10 | GITHUB_CLIENT_ID: z.string().min(1),
11 | GITHUB_CLIENT_SECRET: z.string().min(1),
12 | GITHUB_ACCESS_TOKEN: z.string().min(1),
13 | DATABASE_URL: z.string().min(1),
14 | SMTP_FROM: z.string().min(1),
15 | POSTMARK_API_TOKEN: z.string().min(1),
16 | POSTMARK_SIGN_IN_TEMPLATE: z.string().min(1),
17 | POSTMARK_ACTIVATION_TEMPLATE: z.string().min(1),
18 | STRIPE_API_KEY: z.string().min(1),
19 | STRIPE_WEBHOOK_SECRET: z.string().min(1),
20 | STRIPE_PRO_MONTHLY_PLAN_ID: z.string().min(1),
21 | },
22 | client: {
23 | NEXT_PUBLIC_APP_URL: z.string().min(1),
24 | },
25 | runtimeEnv: {
26 | NEXTAUTH_URL: process.env.NEXTAUTH_URL,
27 | NEXTAUTH_SECRET: process.env.NEXTAUTH_SECRET,
28 | GITHUB_CLIENT_ID: process.env.GITHUB_CLIENT_ID,
29 | GITHUB_CLIENT_SECRET: process.env.GITHUB_CLIENT_SECRET,
30 | GITHUB_ACCESS_TOKEN: process.env.GITHUB_ACCESS_TOKEN,
31 | DATABASE_URL: process.env.DATABASE_URL,
32 | SMTP_FROM: process.env.SMTP_FROM,
33 | POSTMARK_API_TOKEN: process.env.POSTMARK_API_TOKEN,
34 | POSTMARK_SIGN_IN_TEMPLATE: process.env.POSTMARK_SIGN_IN_TEMPLATE,
35 | POSTMARK_ACTIVATION_TEMPLATE: process.env.POSTMARK_ACTIVATION_TEMPLATE,
36 | STRIPE_API_KEY: process.env.STRIPE_API_KEY,
37 | STRIPE_WEBHOOK_SECRET: process.env.STRIPE_WEBHOOK_SECRET,
38 | STRIPE_PRO_MONTHLY_PLAN_ID: process.env.STRIPE_PRO_MONTHLY_PLAN_ID,
39 | NEXT_PUBLIC_APP_URL: process.env.NEXT_PUBLIC_APP_URL,
40 | },
41 | })
42 |
--------------------------------------------------------------------------------
/hooks/use-lock-body.ts:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 |
3 | // @see https://usehooks.com/useLockBodyScroll.
4 | export function useLockBody() {
5 | React.useLayoutEffect((): (() => void) => {
6 | const originalStyle: string = window.getComputedStyle(
7 | document.body
8 | ).overflow
9 | document.body.style.overflow = "hidden"
10 | return () => (document.body.style.overflow = originalStyle)
11 | }, [])
12 | }
13 |
--------------------------------------------------------------------------------
/hooks/use-mounted.ts:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 |
3 | export function useMounted() {
4 | const [mounted, setMounted] = React.useState(false)
5 |
6 | React.useEffect(() => {
7 | setMounted(true)
8 | }, [])
9 |
10 | return mounted
11 | }
12 |
--------------------------------------------------------------------------------
/lib/auth.ts:
--------------------------------------------------------------------------------
1 | import { PrismaAdapter } from "@next-auth/prisma-adapter"
2 | import { NextAuthOptions } from "next-auth"
3 | import EmailProvider from "next-auth/providers/email"
4 | import GitHubProvider from "next-auth/providers/github"
5 | import { Client } from "postmark"
6 |
7 | import { env } from "@/env.mjs"
8 | import { siteConfig } from "@/config/site"
9 | import { db } from "@/lib/db"
10 |
11 | const postmarkClient = new Client(env.POSTMARK_API_TOKEN)
12 |
13 | export const authOptions: NextAuthOptions = {
14 | // huh any! I know.
15 | // This is a temporary fix for prisma client.
16 | // @see https://github.com/prisma/prisma/issues/16117
17 | adapter: PrismaAdapter(db as any),
18 | session: {
19 | strategy: "jwt",
20 | },
21 | pages: {
22 | signIn: "/login",
23 | },
24 | providers: [
25 | GitHubProvider({
26 | clientId: env.GITHUB_CLIENT_ID,
27 | clientSecret: env.GITHUB_CLIENT_SECRET,
28 | }),
29 | EmailProvider({
30 | from: env.SMTP_FROM,
31 | sendVerificationRequest: async ({ identifier, url, provider }) => {
32 | const user = await db.user.findUnique({
33 | where: {
34 | email: identifier,
35 | },
36 | select: {
37 | emailVerified: true,
38 | },
39 | })
40 |
41 | const templateId = user?.emailVerified
42 | ? env.POSTMARK_SIGN_IN_TEMPLATE
43 | : env.POSTMARK_ACTIVATION_TEMPLATE
44 | if (!templateId) {
45 | throw new Error("Missing template id")
46 | }
47 |
48 | const result = await postmarkClient.sendEmailWithTemplate({
49 | TemplateId: parseInt(templateId),
50 | To: identifier,
51 | From: provider.from as string,
52 | TemplateModel: {
53 | action_url: url,
54 | product_name: siteConfig.name,
55 | },
56 | Headers: [
57 | {
58 | // Set this to prevent Gmail from threading emails.
59 | // See https://stackoverflow.com/questions/23434110/force-emails-not-to-be-grouped-into-conversations/25435722.
60 | Name: "X-Entity-Ref-ID",
61 | Value: new Date().getTime() + "",
62 | },
63 | ],
64 | })
65 |
66 | if (result.ErrorCode) {
67 | throw new Error(result.Message)
68 | }
69 | },
70 | }),
71 | ],
72 | callbacks: {
73 | async session({ token, session }) {
74 | if (token) {
75 | session.user.id = token.id
76 | session.user.name = token.name
77 | session.user.email = token.email
78 | session.user.image = token.picture
79 | }
80 |
81 | return session
82 | },
83 | async jwt({ token, user }) {
84 | const dbUser = await db.user.findFirst({
85 | where: {
86 | email: token.email,
87 | },
88 | })
89 |
90 | if (!dbUser) {
91 | if (user) {
92 | token.id = user?.id
93 | }
94 | return token
95 | }
96 |
97 | return {
98 | id: dbUser.id,
99 | name: dbUser.name,
100 | email: dbUser.email,
101 | picture: dbUser.image,
102 | }
103 | },
104 | },
105 | }
106 |
--------------------------------------------------------------------------------
/lib/db.ts:
--------------------------------------------------------------------------------
1 | import { PrismaClient } from "@prisma/client"
2 |
3 | declare global {
4 | // eslint-disable-next-line no-var
5 | var cachedPrisma: PrismaClient
6 | }
7 |
8 | let prisma: PrismaClient
9 | if (process.env.NODE_ENV === "production") {
10 | prisma = new PrismaClient()
11 | } else {
12 | if (!global.cachedPrisma) {
13 | global.cachedPrisma = new PrismaClient()
14 | }
15 | prisma = global.cachedPrisma
16 | }
17 |
18 | export const db = prisma
19 |
--------------------------------------------------------------------------------
/lib/exceptions.ts:
--------------------------------------------------------------------------------
1 | export class RequiresProPlanError extends Error {
2 | constructor(message = "This action requires a pro plan") {
3 | super(message)
4 | }
5 | }
6 |
--------------------------------------------------------------------------------
/lib/session.ts:
--------------------------------------------------------------------------------
1 | import { getServerSession } from "next-auth/next"
2 |
3 | import { authOptions } from "@/lib/auth"
4 |
5 | export async function getCurrentUser() {
6 | const session = await getServerSession(authOptions)
7 |
8 | return session?.user
9 | }
10 |
--------------------------------------------------------------------------------
/lib/stripe.ts:
--------------------------------------------------------------------------------
1 | import Stripe from "stripe"
2 |
3 | import { env } from "@/env.mjs"
4 |
5 | export const stripe = new Stripe(env.STRIPE_API_KEY, {
6 | apiVersion: "2022-11-15",
7 | typescript: true,
8 | })
9 |
--------------------------------------------------------------------------------
/lib/subscription.ts:
--------------------------------------------------------------------------------
1 | // @ts-nocheck
2 | // TODO: Fix this when we turn strict mode on.
3 | import { UserSubscriptionPlan } from "types"
4 | import { freePlan, proPlan } from "@/config/subscriptions"
5 | import { db } from "@/lib/db"
6 |
7 | export async function getUserSubscriptionPlan(
8 | userId: string
9 | ): Promise {
10 | const user = await db.user.findFirst({
11 | where: {
12 | id: userId,
13 | },
14 | select: {
15 | stripeSubscriptionId: true,
16 | stripeCurrentPeriodEnd: true,
17 | stripeCustomerId: true,
18 | stripePriceId: true,
19 | },
20 | })
21 |
22 | if (!user) {
23 | throw new Error("User not found")
24 | }
25 |
26 | // Check if user is on a pro plan.
27 | const isPro =
28 | user.stripePriceId &&
29 | user.stripeCurrentPeriodEnd?.getTime() + 86_400_000 > Date.now()
30 |
31 | const plan = isPro ? proPlan : freePlan
32 |
33 | return {
34 | ...plan,
35 | ...user,
36 | stripeCurrentPeriodEnd: user.stripeCurrentPeriodEnd?.getTime(),
37 | isPro,
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/lib/toc.ts:
--------------------------------------------------------------------------------
1 | // @ts-nocheck
2 | // TODO: Fix this when we turn strict mode on.
3 |
4 | import { toc } from "mdast-util-toc"
5 | import { remark } from "remark"
6 | import { visit } from "unist-util-visit"
7 |
8 | const textTypes = ["text", "emphasis", "strong", "inlineCode"]
9 |
10 | function flattenNode(node) {
11 | const p = []
12 | visit(node, (node) => {
13 | if (!textTypes.includes(node.type)) return
14 | p.push(node.value)
15 | })
16 | return p.join(``)
17 | }
18 |
19 | interface Item {
20 | title: string
21 | url: string
22 | items?: Item[]
23 | }
24 |
25 | interface Items {
26 | items?: Item[]
27 | }
28 |
29 | function getItems(node, current): Items {
30 | if (!node) {
31 | return {}
32 | }
33 |
34 | if (node.type === "paragraph") {
35 | visit(node, (item) => {
36 | if (item.type === "link") {
37 | current.url = item.url
38 | current.title = flattenNode(node)
39 | }
40 |
41 | if (item.type === "text") {
42 | current.title = flattenNode(node)
43 | }
44 | })
45 |
46 | return current
47 | }
48 |
49 | if (node.type === "list") {
50 | current.items = node.children.map((i) => getItems(i, {}))
51 |
52 | return current
53 | } else if (node.type === "listItem") {
54 | const heading = getItems(node.children[0], {})
55 |
56 | if (node.children.length > 1) {
57 | getItems(node.children[1], heading)
58 | }
59 |
60 | return heading
61 | }
62 |
63 | return {}
64 | }
65 |
66 | const getToc = () => (node, file) => {
67 | const table = toc(node)
68 | file.data = getItems(table.map, {})
69 | }
70 |
71 | export type TableOfContents = Items
72 |
73 | export async function getTableOfContents(
74 | content: string
75 | ): Promise {
76 | const result = await remark().use(getToc).process(content)
77 |
78 | return result.data
79 | }
80 |
--------------------------------------------------------------------------------
/lib/utils.ts:
--------------------------------------------------------------------------------
1 | import { ClassValue, clsx } from "clsx"
2 | import { twMerge } from "tailwind-merge"
3 |
4 | import { env } from "@/env.mjs"
5 |
6 | export function cn(...inputs: ClassValue[]) {
7 | return twMerge(clsx(inputs))
8 | }
9 |
10 | export function formatDate(input: string | number): string {
11 | const date = new Date(input)
12 | return date.toLocaleDateString("en-US", {
13 | month: "long",
14 | day: "numeric",
15 | year: "numeric",
16 | })
17 | }
18 |
19 | export function absoluteUrl(path: string) {
20 | return `${env.NEXT_PUBLIC_APP_URL}${path}`
21 | }
22 |
--------------------------------------------------------------------------------
/lib/validations/auth.ts:
--------------------------------------------------------------------------------
1 | import * as z from "zod"
2 |
3 | export const userAuthSchema = z.object({
4 | email: z.string().email(),
5 | })
6 |
--------------------------------------------------------------------------------
/lib/validations/og.ts:
--------------------------------------------------------------------------------
1 | import * as z from "zod"
2 |
3 | export const ogImageSchema = z.object({
4 | heading: z.string(),
5 | type: z.string(),
6 | mode: z.enum(["light", "dark"]).default("dark"),
7 | })
8 |
--------------------------------------------------------------------------------
/lib/validations/post.ts:
--------------------------------------------------------------------------------
1 | import * as z from "zod"
2 |
3 | export const postPatchSchema = z.object({
4 | title: z.string().min(3).max(128).optional(),
5 |
6 | // TODO: Type this properly from editorjs block types?
7 | content: z.any().optional(),
8 | })
9 |
--------------------------------------------------------------------------------
/lib/validations/user.ts:
--------------------------------------------------------------------------------
1 | import * as z from "zod"
2 |
3 | export const userNameSchema = z.object({
4 | name: z.string().min(3).max(32),
5 | })
6 |
--------------------------------------------------------------------------------
/middleware.ts:
--------------------------------------------------------------------------------
1 | import { getToken } from "next-auth/jwt"
2 | import { withAuth } from "next-auth/middleware"
3 | import { NextResponse } from "next/server"
4 |
5 | export default withAuth(
6 | async function middleware(req) {
7 | const token = await getToken({ req })
8 | const isAuth = !!token
9 | const isAuthPage =
10 | req.nextUrl.pathname.startsWith("/login") ||
11 | req.nextUrl.pathname.startsWith("/register")
12 |
13 | if (isAuthPage) {
14 | if (isAuth) {
15 | return NextResponse.redirect(new URL("/dashboard", req.url))
16 | }
17 |
18 | return null
19 | }
20 |
21 | if (!isAuth) {
22 | let from = req.nextUrl.pathname;
23 | if (req.nextUrl.search) {
24 | from += req.nextUrl.search;
25 | }
26 |
27 | return NextResponse.redirect(
28 | new URL(`/login?from=${encodeURIComponent(from)}`, req.url)
29 | );
30 | }
31 | },
32 | {
33 | callbacks: {
34 | async authorized() {
35 | // This is a work-around for handling redirect on auth pages.
36 | // We return true here so that the middleware function above
37 | // is always called.
38 | return true
39 | },
40 | },
41 | }
42 | )
43 |
44 | export const config = {
45 | matcher: ["/dashboard/:path*", "/editor/:path*", "/login", "/register"],
46 | }
47 |
--------------------------------------------------------------------------------
/next.config.mjs:
--------------------------------------------------------------------------------
1 | import { withContentlayer } from "next-contentlayer"
2 |
3 | import "./env.mjs"
4 |
5 | /** @type {import('next').NextConfig} */
6 | const nextConfig = {
7 | reactStrictMode: true,
8 | images: {
9 | domains: ["avatars.githubusercontent.com"],
10 | },
11 | experimental: {
12 | appDir: true,
13 | serverComponentsExternalPackages: ["@prisma/client"],
14 | },
15 | }
16 |
17 | export default withContentlayer(nextConfig)
18 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "taxonomy",
3 | "version": "0.2.0",
4 | "private": true,
5 | "author": {
6 | "name": "shadcn",
7 | "url": "https://twitter.com/shadcn"
8 | },
9 | "scripts": {
10 | "dev": "concurrently \"contentlayer dev\" \"next dev\"",
11 | "build": "contentlayer build && next build",
12 | "turbo": "next dev --turbo",
13 | "start": "next start",
14 | "lint": "next lint",
15 | "preview": "next build && next start",
16 | "postinstall": "prisma generate"
17 | },
18 | "dependencies": {
19 | "@editorjs/code": "^2.8.0",
20 | "@editorjs/editorjs": "^2.26.5",
21 | "@editorjs/embed": "^2.5.3",
22 | "@editorjs/header": "^2.7.0",
23 | "@editorjs/inline-code": "^1.4.0",
24 | "@editorjs/link": "^2.5.0",
25 | "@editorjs/list": "^1.8.0",
26 | "@editorjs/paragraph": "^2.9.0",
27 | "@editorjs/table": "^2.2.1",
28 | "@hookform/resolvers": "^3.1.0",
29 | "@next-auth/prisma-adapter": "^1.0.6",
30 | "@prisma/client": "^4.13.0",
31 | "@radix-ui/react-accessible-icon": "^1.0.2",
32 | "@radix-ui/react-accordion": "^1.1.1",
33 | "@radix-ui/react-alert-dialog": "^1.0.3",
34 | "@radix-ui/react-aspect-ratio": "^1.0.2",
35 | "@radix-ui/react-avatar": "^1.0.2",
36 | "@radix-ui/react-checkbox": "^1.0.3",
37 | "@radix-ui/react-collapsible": "^1.0.2",
38 | "@radix-ui/react-context-menu": "^2.1.3",
39 | "@radix-ui/react-dialog": "^1.0.3",
40 | "@radix-ui/react-dropdown-menu": "^2.0.4",
41 | "@radix-ui/react-hover-card": "^1.0.5",
42 | "@radix-ui/react-label": "^2.0.1",
43 | "@radix-ui/react-menubar": "^1.0.2",
44 | "@radix-ui/react-navigation-menu": "^1.1.2",
45 | "@radix-ui/react-popover": "^1.0.5",
46 | "@radix-ui/react-progress": "^1.0.2",
47 | "@radix-ui/react-radio-group": "^1.1.2",
48 | "@radix-ui/react-scroll-area": "^1.0.3",
49 | "@radix-ui/react-select": "^1.2.1",
50 | "@radix-ui/react-separator": "^1.0.2",
51 | "@radix-ui/react-slider": "^1.1.1",
52 | "@radix-ui/react-slot": "^1.0.1",
53 | "@radix-ui/react-switch": "^1.0.2",
54 | "@radix-ui/react-tabs": "^1.0.3",
55 | "@radix-ui/react-toast": "^1.1.3",
56 | "@radix-ui/react-toggle": "^1.0.2",
57 | "@radix-ui/react-toggle-group": "^1.0.3",
58 | "@radix-ui/react-tooltip": "^1.0.5",
59 | "@t3-oss/env-nextjs": "^0.2.2",
60 | "@typescript-eslint/parser": "^5.59.0",
61 | "@vercel/analytics": "^1.0.0",
62 | "@vercel/og": "^0.0.21",
63 | "class-variance-authority": "^0.4.0",
64 | "clsx": "^1.2.1",
65 | "cmdk": "^0.1.22",
66 | "concurrently": "^8.0.1",
67 | "contentlayer": "^0.3.1",
68 | "date-fns": "^2.29.3",
69 | "lucide-react": "^0.92.0",
70 | "next": "13.3.2-canary.13",
71 | "next-auth": "4.22.1",
72 | "next-contentlayer": "^0.3.1",
73 | "next-themes": "^0.2.1",
74 | "nodemailer": "^6.9.1",
75 | "postmark": "^3.0.15",
76 | "prop-types": "^15.8.1",
77 | "react": "^18.2.0",
78 | "react-day-picker": "^8.7.1",
79 | "react-dom": "^18.2.0",
80 | "react-editor-js": "^2.1.0",
81 | "react-hook-form": "^7.43.9",
82 | "react-textarea-autosize": "^8.4.1",
83 | "sharp": "^0.31.3",
84 | "shiki": "^0.11.1",
85 | "stripe": "^11.18.0",
86 | "tailwind-merge": "^1.12.0",
87 | "tailwindcss-animate": "^1.0.5",
88 | "zod": "^3.21.4"
89 | },
90 | "devDependencies": {
91 | "@commitlint/cli": "^17.6.1",
92 | "@commitlint/config-conventional": "^17.6.1",
93 | "@ianvs/prettier-plugin-sort-imports": "^3.7.2",
94 | "@tailwindcss/line-clamp": "^0.4.4",
95 | "@tailwindcss/typography": "^0.5.9",
96 | "@types/node": "^18.16.0",
97 | "@types/react": "18.0.15",
98 | "@types/react-dom": "18.0.6",
99 | "autoprefixer": "^10.4.14",
100 | "eslint": "^8.39.0",
101 | "eslint-config-next": "13.0.0",
102 | "eslint-config-prettier": "^8.8.0",
103 | "eslint-plugin-react": "^7.32.2",
104 | "eslint-plugin-tailwindcss": "^3.11.0",
105 | "husky": "^8.0.3",
106 | "mdast-util-toc": "^6.1.1",
107 | "postcss": "^8.4.23",
108 | "prettier": "^2.8.8",
109 | "prettier-plugin-tailwindcss": "^0.1.13",
110 | "pretty-quick": "^3.1.3",
111 | "prisma": "^4.13.0",
112 | "rehype": "^12.0.1",
113 | "rehype-autolink-headings": "^6.1.1",
114 | "rehype-pretty-code": "^0.9.5",
115 | "rehype-slug": "^5.1.0",
116 | "remark": "^14.0.2",
117 | "remark-gfm": "^3.0.1",
118 | "tailwindcss": "^3.3.1",
119 | "typescript": "4.7.4",
120 | "unist-util-visit": "^4.1.2"
121 | }
122 | }
123 |
--------------------------------------------------------------------------------
/pages/api/auth/[...nextauth].ts:
--------------------------------------------------------------------------------
1 | import NextAuth from "next-auth"
2 |
3 | import { authOptions } from "@/lib/auth"
4 |
5 | // @see ./lib/auth
6 | export default NextAuth(authOptions)
7 |
--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | plugins: {
3 | tailwindcss: {},
4 | autoprefixer: {},
5 | },
6 | }
7 |
--------------------------------------------------------------------------------
/prettier.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('prettier').Config} */
2 | module.exports = {
3 | endOfLine: "lf",
4 | semi: false,
5 | singleQuote: false,
6 | tabWidth: 2,
7 | trailingComma: "es5",
8 | importOrder: [
9 | "^(react/(.*)$)|^(react$)",
10 | "^(next/(.*)$)|^(next$)",
11 | "",
12 | "",
13 | "^types$",
14 | "^@/env(.*)$",
15 | "^@/types/(.*)$",
16 | "^@/config/(.*)$",
17 | "^@/lib/(.*)$",
18 | "^@/hooks/(.*)$",
19 | "^@/components/ui/(.*)$",
20 | "^@/components/(.*)$",
21 | "^@/styles/(.*)$",
22 | "^@/app/(.*)$",
23 | "",
24 | "^[./]",
25 | ],
26 | importOrderSeparation: false,
27 | importOrderSortSpecifiers: true,
28 | importOrderBuiltinModulesToTop: true,
29 | importOrderParserPlugins: ["typescript", "jsx", "decorators-legacy"],
30 | importOrderMergeDuplicateImports: true,
31 | importOrderCombineTypeAndValueImports: true,
32 | plugins: ["@ianvs/prettier-plugin-sort-imports"],
33 | }
34 |
--------------------------------------------------------------------------------
/prisma/migrations/20221021182747_init/migration.sql:
--------------------------------------------------------------------------------
1 | -- CreateTable
2 | CREATE TABLE `accounts` (
3 | `id` VARCHAR(191) NOT NULL,
4 | `userId` VARCHAR(191) NOT NULL,
5 | `type` VARCHAR(191) NOT NULL,
6 | `provider` VARCHAR(191) NOT NULL,
7 | `providerAccountId` VARCHAR(191) NOT NULL,
8 | `refresh_token` TEXT NULL,
9 | `access_token` TEXT NULL,
10 | `expires_at` INTEGER NULL,
11 | `token_type` VARCHAR(191) NULL,
12 | `scope` VARCHAR(191) NULL,
13 | `id_token` TEXT NULL,
14 | `session_state` VARCHAR(191) NULL,
15 | `created_at` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
16 | `updated_at` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
17 |
18 | UNIQUE INDEX `accounts_provider_providerAccountId_key`(`provider`, `providerAccountId`),
19 | PRIMARY KEY (`id`)
20 | ) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
21 |
22 | -- CreateTable
23 | CREATE TABLE `sessions` (
24 | `id` VARCHAR(191) NOT NULL,
25 | `sessionToken` VARCHAR(191) NOT NULL,
26 | `userId` VARCHAR(191) NOT NULL,
27 | `expires` DATETIME(3) NOT NULL,
28 |
29 | UNIQUE INDEX `sessions_sessionToken_key`(`sessionToken`),
30 | PRIMARY KEY (`id`)
31 | ) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
32 |
33 | -- CreateTable
34 | CREATE TABLE `users` (
35 | `id` VARCHAR(191) NOT NULL,
36 | `name` VARCHAR(191) NULL,
37 | `email` VARCHAR(191) NULL,
38 | `emailVerified` DATETIME(3) NULL,
39 | `image` VARCHAR(191) NULL,
40 | `created_at` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
41 | `updated_at` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
42 |
43 | UNIQUE INDEX `users_email_key`(`email`),
44 | PRIMARY KEY (`id`)
45 | ) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
46 |
47 | -- CreateTable
48 | CREATE TABLE `verification_tokens` (
49 | `identifier` VARCHAR(191) NOT NULL,
50 | `token` VARCHAR(191) NOT NULL,
51 | `expires` DATETIME(3) NOT NULL,
52 |
53 | UNIQUE INDEX `verification_tokens_token_key`(`token`),
54 | UNIQUE INDEX `verification_tokens_identifier_token_key`(`identifier`, `token`)
55 | ) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
56 |
57 | -- CreateTable
58 | CREATE TABLE `posts` (
59 | `id` VARCHAR(191) NOT NULL,
60 | `title` VARCHAR(191) NOT NULL,
61 | `content` JSON NULL,
62 | `published` BOOLEAN NOT NULL DEFAULT false,
63 | `created_at` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
64 | `updated_at` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
65 | `authorId` VARCHAR(191) NOT NULL,
66 |
67 | PRIMARY KEY (`id`)
68 | ) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
69 |
70 | -- AddForeignKey
71 | ALTER TABLE `accounts` ADD CONSTRAINT `accounts_userId_fkey` FOREIGN KEY (`userId`) REFERENCES `users`(`id`) ON DELETE CASCADE ON UPDATE CASCADE;
72 |
73 | -- AddForeignKey
74 | ALTER TABLE `sessions` ADD CONSTRAINT `sessions_userId_fkey` FOREIGN KEY (`userId`) REFERENCES `users`(`id`) ON DELETE CASCADE ON UPDATE CASCADE;
75 |
76 | -- AddForeignKey
77 | ALTER TABLE `posts` ADD CONSTRAINT `posts_authorId_fkey` FOREIGN KEY (`authorId`) REFERENCES `users`(`id`) ON DELETE RESTRICT ON UPDATE CASCADE;
78 |
--------------------------------------------------------------------------------
/prisma/migrations/20221118173244_add_stripe_columns/migration.sql:
--------------------------------------------------------------------------------
1 | /*
2 | Warnings:
3 |
4 | - A unique constraint covering the columns `[stripe_customer_id]` on the table `users` will be added. If there are existing duplicate values, this will fail.
5 | - A unique constraint covering the columns `[stripe_subscription_id]` on the table `users` will be added. If there are existing duplicate values, this will fail.
6 |
7 | */
8 | -- DropForeignKey
9 | ALTER TABLE `accounts` DROP FOREIGN KEY `accounts_userId_fkey`;
10 |
11 | -- DropForeignKey
12 | ALTER TABLE `posts` DROP FOREIGN KEY `posts_authorId_fkey`;
13 |
14 | -- DropForeignKey
15 | ALTER TABLE `sessions` DROP FOREIGN KEY `sessions_userId_fkey`;
16 |
17 | -- AlterTable
18 | ALTER TABLE `users` ADD COLUMN `stripe_current_period_end` DATETIME(3) NULL,
19 | ADD COLUMN `stripe_customer_id` VARCHAR(191) NULL,
20 | ADD COLUMN `stripe_price_id` VARCHAR(191) NULL,
21 | ADD COLUMN `stripe_subscription_id` VARCHAR(191) NULL;
22 |
23 | -- CreateIndex
24 | CREATE UNIQUE INDEX `users_stripe_customer_id_key` ON `users`(`stripe_customer_id`);
25 |
26 | -- CreateIndex
27 | CREATE UNIQUE INDEX `users_stripe_subscription_id_key` ON `users`(`stripe_subscription_id`);
28 |
--------------------------------------------------------------------------------
/prisma/migrations/migration_lock.toml:
--------------------------------------------------------------------------------
1 | # Please do not edit this file manually
2 | # It should be added in your version-control system (i.e. Git)
3 | provider = "mysql"
--------------------------------------------------------------------------------
/prisma/schema.prisma:
--------------------------------------------------------------------------------
1 | // This is your Prisma schema file,
2 | // learn more about it in the docs: https://pris.ly/d/prisma-schema
3 |
4 | generator client {
5 | provider = "prisma-client-js"
6 | }
7 |
8 | datasource db {
9 | provider = "mysql"
10 | url = env("DATABASE_URL")
11 | }
12 |
13 | model Account {
14 | id String @id @default(cuid())
15 | userId String
16 | type String
17 | provider String
18 | providerAccountId String
19 | refresh_token String? @db.Text
20 | access_token String? @db.Text
21 | expires_at Int?
22 | token_type String?
23 | scope String?
24 | id_token String? @db.Text
25 | session_state String?
26 | createdAt DateTime @default(now()) @map(name: "created_at")
27 | updatedAt DateTime @default(now()) @map(name: "updated_at")
28 |
29 | user User @relation(fields: [userId], references: [id], onDelete: Cascade)
30 |
31 | @@unique([provider, providerAccountId])
32 | @@map(name: "accounts")
33 | }
34 |
35 | model Session {
36 | id String @id @default(cuid())
37 | sessionToken String @unique
38 | userId String
39 | expires DateTime
40 | user User @relation(fields: [userId], references: [id], onDelete: Cascade)
41 |
42 | @@map(name: "sessions")
43 | }
44 |
45 | model User {
46 | id String @id @default(cuid())
47 | name String?
48 | email String? @unique
49 | emailVerified DateTime?
50 | image String?
51 | createdAt DateTime @default(now()) @map(name: "created_at")
52 | updatedAt DateTime @default(now()) @map(name: "updated_at")
53 |
54 | accounts Account[]
55 | sessions Session[]
56 | Post Post[]
57 |
58 | stripeCustomerId String? @unique @map(name: "stripe_customer_id")
59 | stripeSubscriptionId String? @unique @map(name: "stripe_subscription_id")
60 | stripePriceId String? @map(name: "stripe_price_id")
61 | stripeCurrentPeriodEnd DateTime? @map(name: "stripe_current_period_end")
62 |
63 | @@map(name: "users")
64 | }
65 |
66 | model VerificationToken {
67 | identifier String
68 | token String @unique
69 | expires DateTime
70 |
71 | @@unique([identifier, token])
72 | @@map(name: "verification_tokens")
73 | }
74 |
75 | model Post {
76 | id String @id @default(cuid())
77 | title String
78 | content Json?
79 | published Boolean @default(false)
80 | createdAt DateTime @default(now()) @map(name: "created_at")
81 | updatedAt DateTime @default(now()) @map(name: "updated_at")
82 | authorId String
83 |
84 | author User @relation(fields: [authorId], references: [id])
85 |
86 | @@map(name: "posts")
87 | }
88 |
--------------------------------------------------------------------------------
/public/android-chrome-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shadcn-ui/taxonomy/651f984e52edd65d40ccd55e299c1baeea3ff017/public/android-chrome-192x192.png
--------------------------------------------------------------------------------
/public/android-chrome-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shadcn-ui/taxonomy/651f984e52edd65d40ccd55e299c1baeea3ff017/public/android-chrome-512x512.png
--------------------------------------------------------------------------------
/public/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shadcn-ui/taxonomy/651f984e52edd65d40ccd55e299c1baeea3ff017/public/apple-touch-icon.png
--------------------------------------------------------------------------------
/public/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shadcn-ui/taxonomy/651f984e52edd65d40ccd55e299c1baeea3ff017/public/favicon-16x16.png
--------------------------------------------------------------------------------
/public/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shadcn-ui/taxonomy/651f984e52edd65d40ccd55e299c1baeea3ff017/public/favicon-32x32.png
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shadcn-ui/taxonomy/651f984e52edd65d40ccd55e299c1baeea3ff017/public/favicon.ico
--------------------------------------------------------------------------------
/public/images/avatars/shadcn.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shadcn-ui/taxonomy/651f984e52edd65d40ccd55e299c1baeea3ff017/public/images/avatars/shadcn.png
--------------------------------------------------------------------------------
/public/images/blog/blog-post-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shadcn-ui/taxonomy/651f984e52edd65d40ccd55e299c1baeea3ff017/public/images/blog/blog-post-1.jpg
--------------------------------------------------------------------------------
/public/images/blog/blog-post-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shadcn-ui/taxonomy/651f984e52edd65d40ccd55e299c1baeea3ff017/public/images/blog/blog-post-2.jpg
--------------------------------------------------------------------------------
/public/images/blog/blog-post-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shadcn-ui/taxonomy/651f984e52edd65d40ccd55e299c1baeea3ff017/public/images/blog/blog-post-3.jpg
--------------------------------------------------------------------------------
/public/images/blog/blog-post-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shadcn-ui/taxonomy/651f984e52edd65d40ccd55e299c1baeea3ff017/public/images/blog/blog-post-4.jpg
--------------------------------------------------------------------------------
/public/images/hero.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shadcn-ui/taxonomy/651f984e52edd65d40ccd55e299c1baeea3ff017/public/images/hero.png
--------------------------------------------------------------------------------
/public/og.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shadcn-ui/taxonomy/651f984e52edd65d40ccd55e299c1baeea3ff017/public/og.jpg
--------------------------------------------------------------------------------
/public/site.webmanifest:
--------------------------------------------------------------------------------
1 | {
2 | "name": "Taxonomy",
3 | "short_name": "Taxonomy",
4 | "icons": [
5 | {
6 | "src": "/android-chrome-192x192.png",
7 | "sizes": "192x192",
8 | "type": "image/png"
9 | },
10 | {
11 | "src": "/android-chrome-512x512.png",
12 | "sizes": "512x512",
13 | "type": "image/png"
14 | }
15 | ],
16 | "theme_color": "#ffffff",
17 | "background_color": "#ffffff",
18 | "display": "standalone"
19 | }
20 |
--------------------------------------------------------------------------------
/public/vercel.svg:
--------------------------------------------------------------------------------
1 |
3 |
--------------------------------------------------------------------------------
/styles/editor.css:
--------------------------------------------------------------------------------
1 | .dark .ce-block--selected .ce-block__content,
2 | .dark .ce-inline-toolbar,
3 | .dark .codex-editor--narrow .ce-toolbox,
4 | .dark .ce-conversion-toolbar,
5 | .dark .ce-settings,
6 | .dark .ce-settings__button,
7 | .dark .ce-toolbar__settings-btn,
8 | .dark .cdx-button,
9 | .dark .ce-popover,
10 | .dark .ce-toolbar__plus:hover {
11 | background: theme('colors.popover.DEFAULT');
12 | color: inherit;
13 | border-color: theme('colors.border');
14 | }
15 |
16 | .dark .ce-inline-tool,
17 | .dark .ce-conversion-toolbar__label,
18 | .dark .ce-toolbox__button,
19 | .dark .cdx-settings-button,
20 | .dark .ce-toolbar__plus {
21 | color: inherit;
22 | }
23 |
24 | .dark .ce-popover__item-icon,
25 | .dark .ce-conversion-tool__icon {
26 | background-color: theme('colors.muted.DEFAULT');
27 | box-shadow: none;
28 | }
29 |
30 | .dark .cdx-search-field {
31 | border-color: theme('colors.border');
32 | background: theme('colors.input');
33 | color: inherit;
34 | }
35 |
36 | .dark ::selection {
37 | background: theme('colors.accent.DEFAULT');
38 | }
39 |
40 | .dark .cdx-settings-button:hover,
41 | .dark .ce-settings__button:hover,
42 | .dark .ce-toolbox__button--active,
43 | .dark .ce-toolbox__button:hover,
44 | .dark .cdx-button:hover,
45 | .dark .ce-inline-toolbar__dropdown:hover,
46 | .dark .ce-inline-tool:hover,
47 | .dark .ce-popover__item:hover,
48 | .dark .ce-conversion-tool:hover,
49 | .dark .ce-toolbar__settings-btn:hover {
50 | background-color:theme('colors.accent.DEFAULT');
51 | color: theme('colors.accent.foreground');;
52 | }
53 |
54 | .dark .cdx-notify--error {
55 | background: theme('colors.destructive.DEFAULT') !important;
56 | }
57 |
58 | .dark .cdx-notify__cross::after,
59 | .dark .cdx-notify__cross::before {
60 | background: white;
61 | }
--------------------------------------------------------------------------------
/styles/globals.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
5 | @layer base {
6 | :root {
7 | --background: 0 0% 100%;
8 | --foreground: 222.2 47.4% 11.2%;
9 |
10 | --muted: 210 40% 96.1%;
11 | --muted-foreground: 215.4 16.3% 46.9%;
12 |
13 | --popover: 0 0% 100%;
14 | --popover-foreground: 222.2 47.4% 11.2%;
15 |
16 | --border: 214.3 31.8% 91.4%;
17 | --input: 214.3 31.8% 91.4%;
18 |
19 | --card: 0 0% 100%;
20 | --card-foreground: 222.2 47.4% 11.2%;
21 |
22 | --primary: 222.2 47.4% 11.2%;
23 | --primary-foreground: 210 40% 98%;
24 |
25 | --secondary: 210 40% 96.1%;
26 | --secondary-foreground: 222.2 47.4% 11.2%;
27 |
28 | --accent: 210 40% 96.1%;
29 | --accent-foreground: 222.2 47.4% 11.2%;
30 |
31 | --destructive: 0 100% 50%;
32 | --destructive-foreground: 210 40% 98%;
33 |
34 | --ring: 215 20.2% 65.1%;
35 |
36 | --radius: 0.5rem;
37 | }
38 |
39 | .dark {
40 | --background: 224 71% 4%;
41 | --foreground: 213 31% 91%;
42 |
43 | --muted: 223 47% 11%;
44 | --muted-foreground: 215.4 16.3% 56.9%;
45 |
46 | --accent: 216 34% 17%;
47 | --accent-foreground: 210 40% 98%;
48 |
49 | --popover: 224 71% 4%;
50 | --popover-foreground: 215 20.2% 65.1%;
51 |
52 | --border: 216 34% 17%;
53 | --input: 216 34% 17%;
54 |
55 | --card: 224 71% 4%;
56 | --card-foreground: 213 31% 91%;
57 |
58 | --primary: 210 40% 98%;
59 | --primary-foreground: 222.2 47.4% 1.2%;
60 |
61 | --secondary: 222.2 47.4% 11.2%;
62 | --secondary-foreground: 210 40% 98%;
63 |
64 | --destructive: 0 63% 31%;
65 | --destructive-foreground: 210 40% 98%;
66 |
67 | --ring: 216 34% 17%;
68 |
69 | --radius: 0.5rem;
70 | }
71 | }
72 |
73 | @layer base {
74 | * {
75 | @apply border-border;
76 | }
77 | body {
78 | @apply bg-background text-foreground;
79 | font-feature-settings: "rlig" 1, "calt" 1;
80 | }
81 | }
82 |
--------------------------------------------------------------------------------
/styles/mdx.css:
--------------------------------------------------------------------------------
1 | [data-rehype-pretty-code-fragment] code {
2 | @apply grid min-w-full break-words rounded-none border-0 bg-transparent p-0 text-sm text-black;
3 | counter-reset: line;
4 | box-decoration-break: clone;
5 | }
6 | [data-rehype-pretty-code-fragment] .line {
7 | @apply px-4 py-1;
8 | }
9 | [data-rehype-pretty-code-fragment] [data-line-numbers] > .line::before {
10 | counter-increment: line;
11 | content: counter(line);
12 | display: inline-block;
13 | width: 1rem;
14 | margin-right: 1rem;
15 | text-align: right;
16 | color: gray;
17 | }
18 | [data-rehype-pretty-code-fragment] .line--highlighted {
19 | @apply bg-slate-300 bg-opacity-10;
20 | }
21 | [data-rehype-pretty-code-fragment] .line-highlighted span {
22 | @apply relative;
23 | }
24 | [data-rehype-pretty-code-fragment] .word--highlighted {
25 | @apply rounded-md bg-slate-300 bg-opacity-10 p-1;
26 | }
27 | [data-rehype-pretty-code-title] {
28 | @apply mt-4 py-2 px-4 text-sm font-medium;
29 | }
30 | [data-rehype-pretty-code-title] + pre {
31 | @apply mt-0;
32 | }
33 |
--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | const { fontFamily } = require("tailwindcss/defaultTheme")
2 |
3 | /** @type {import('tailwindcss').Config} */
4 | module.exports = {
5 | content: [
6 | "./app/**/*.{ts,tsx}",
7 | "./components/**/*.{ts,tsx}",
8 | "./ui/**/*.{ts,tsx}",
9 | "./content/**/*.{md,mdx}",
10 | ],
11 | darkMode: ["class"],
12 | theme: {
13 | container: {
14 | center: true,
15 | padding: "2rem",
16 | screens: {
17 | "2xl": "1400px",
18 | },
19 | },
20 | extend: {
21 | colors: {
22 | border: "hsl(var(--border))",
23 | input: "hsl(var(--input))",
24 | ring: "hsl(var(--ring))",
25 | background: "hsl(var(--background))",
26 | foreground: "hsl(var(--foreground))",
27 | primary: {
28 | DEFAULT: "hsl(var(--primary))",
29 | foreground: "hsl(var(--primary-foreground))",
30 | },
31 | secondary: {
32 | DEFAULT: "hsl(var(--secondary))",
33 | foreground: "hsl(var(--secondary-foreground))",
34 | },
35 | destructive: {
36 | DEFAULT: "hsl(var(--destructive))",
37 | foreground: "hsl(var(--destructive-foreground))",
38 | },
39 | muted: {
40 | DEFAULT: "hsl(var(--muted))",
41 | foreground: "hsl(var(--muted-foreground))",
42 | },
43 | accent: {
44 | DEFAULT: "hsl(var(--accent))",
45 | foreground: "hsl(var(--accent-foreground))",
46 | },
47 | popover: {
48 | DEFAULT: "hsl(var(--popover))",
49 | foreground: "hsl(var(--popover-foreground))",
50 | },
51 | card: {
52 | DEFAULT: "hsl(var(--card))",
53 | foreground: "hsl(var(--card-foreground))",
54 | },
55 | },
56 | borderRadius: {
57 | lg: `var(--radius)`,
58 | md: `calc(var(--radius) - 2px)`,
59 | sm: "calc(var(--radius) - 4px)",
60 | },
61 | fontFamily: {
62 | sans: ["var(--font-sans)", ...fontFamily.sans],
63 | heading: ["var(--font-heading)", ...fontFamily.sans],
64 | },
65 | keyframes: {
66 | "accordion-down": {
67 | from: { height: 0 },
68 | to: { height: "var(--radix-accordion-content-height)" },
69 | },
70 | "accordion-up": {
71 | from: { height: "var(--radix-accordion-content-height)" },
72 | to: { height: 0 },
73 | },
74 | },
75 | animation: {
76 | "accordion-down": "accordion-down 0.2s ease-out",
77 | "accordion-up": "accordion-up 0.2s ease-out",
78 | },
79 | },
80 | },
81 | plugins: [require("tailwindcss-animate"), require("@tailwindcss/typography")],
82 | }
83 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "lib": ["dom", "dom.iterable", "esnext"],
5 | "allowJs": true,
6 | "skipLibCheck": true,
7 | "strict": false,
8 | "forceConsistentCasingInFileNames": true,
9 | "noEmit": true,
10 | "esModuleInterop": true,
11 | "module": "esnext",
12 | "moduleResolution": "node",
13 | "resolveJsonModule": true,
14 | "isolatedModules": true,
15 | "jsx": "preserve",
16 | "incremental": true,
17 | "baseUrl": ".",
18 | "paths": {
19 | "@/*": ["./*"],
20 | "contentlayer/generated": ["./.contentlayer/generated"]
21 | },
22 | "plugins": [
23 | {
24 | "name": "next"
25 | }
26 | ],
27 | "strictNullChecks": true
28 | },
29 | "include": [
30 | "next-env.d.ts",
31 | "**/*.ts",
32 | "**/*.tsx",
33 | ".next/types/**/*.ts",
34 | ".contentlayer/generated"
35 | ],
36 | "exclude": ["node_modules"]
37 | }
38 |
--------------------------------------------------------------------------------
/types/index.d.ts:
--------------------------------------------------------------------------------
1 | import { User } from "@prisma/client"
2 | import type { Icon } from "lucide-react"
3 |
4 | import { Icons } from "@/components/icons"
5 |
6 | export type NavItem = {
7 | title: string
8 | href: string
9 | disabled?: boolean
10 | }
11 |
12 | export type MainNavItem = NavItem
13 |
14 | export type SidebarNavItem = {
15 | title: string
16 | disabled?: boolean
17 | external?: boolean
18 | icon?: keyof typeof Icons
19 | } & (
20 | | {
21 | href: string
22 | items?: never
23 | }
24 | | {
25 | href?: string
26 | items: NavLink[]
27 | }
28 | )
29 |
30 | export type SiteConfig = {
31 | name: string
32 | description: string
33 | url: string
34 | ogImage: string
35 | links: {
36 | twitter: string
37 | github: string
38 | }
39 | }
40 |
41 | export type DocsConfig = {
42 | mainNav: MainNavItem[]
43 | sidebarNav: SidebarNavItem[]
44 | }
45 |
46 | export type MarketingConfig = {
47 | mainNav: MainNavItem[]
48 | }
49 |
50 | export type DashboardConfig = {
51 | mainNav: MainNavItem[]
52 | sidebarNav: SidebarNavItem[]
53 | }
54 |
55 | export type SubscriptionPlan = {
56 | name: string
57 | description: string
58 | stripePriceId: string
59 | }
60 |
61 | export type UserSubscriptionPlan = SubscriptionPlan &
62 | Pick & {
63 | stripeCurrentPeriodEnd: number
64 | isPro: boolean
65 | }
66 |
--------------------------------------------------------------------------------
/types/next-auth.d.ts:
--------------------------------------------------------------------------------
1 | import { User } from "next-auth"
2 | import { JWT } from "next-auth/jwt"
3 |
4 | type UserId = string
5 |
6 | declare module "next-auth/jwt" {
7 | interface JWT {
8 | id: UserId
9 | }
10 | }
11 |
12 | declare module "next-auth" {
13 | interface Session {
14 | user: User & {
15 | id: UserId
16 | }
17 | }
18 | }
19 |
--------------------------------------------------------------------------------