Files
myeasycms-v2/apps/nextjs/src/app/config.tsx

168 lines
3.8 KiB
TypeScript

import type { Route } from "next";
import { Component, CreditCard, Globe } from "lucide-react";
import * as Icons from "@acme/ui/icons";
export const siteConfig = {
name: "Acme Corp",
description:
"Next.js starter kit that includes everything you need to build a modern web application. Mobile application preconfigured, ready to go.",
github: "https://github.com/juliusmarminge/acme-corp",
twitter: "https://twitter.com/jullerino",
};
export const navItems = [
{
href: "/dashboard",
title: "Overview",
},
{
href: "/pricing",
title: "Pricing",
},
{
href: "/dashboard",
title: "Products",
},
{
href: "/dashboard",
title: "Settings",
},
] satisfies { href: Route; title: string }[];
export const marketingFeatures = [
{
icon: <Component className="h-10 w-10" />,
title: "UI Package",
body: (
<>
A UI package with all the components you need for your next application.
Built by the wonderful{" "}
<a
href="https://ui.shadcn.com"
target="_blank"
rel="noreferrer"
className="font-medium underline underline-offset-4"
>
Shadcn
</a>
.
</>
),
},
{
icon: <Icons.ClerkWide className="h-10" />,
title: "Authentication",
body: (
<>
Protect pages and API routes throughout your entire app using{" "}
<a
href="https://clerk.com"
target="_blank"
rel="noreferrer"
className="font-medium underline underline-offset-4"
>
Clerk
</a>
.
</>
),
},
{
icon: <Icons.Mdx className="h-10" />,
title: "MDX",
body: (
<>
Preconfigured MDX as Server Components. MDX is the best way to write
contentful pages.
</>
),
},
{
icon: (
<div className="flex gap-3 self-start">
<Icons.Nextjs className="h-10 w-10" />
<Icons.React className="h-10 w-10" />
</div>
),
title: "Next.js 13 & React 18",
body: (
<>
Latest features from Next 13 using the brand new App Router with full
React 18 support including streaming.
</>
),
},
{
icon: (
<div className="flex gap-3 self-start">
<Icons.TRPC className="h-10 w-10" />
<Icons.Kysely className="h-10 w-10" />
<Icons.Prisma className="h-10 w-10" />
</div>
),
title: "Full-stack Typesafety",
body: (
<>
Full-stack Typesafety with{" "}
<a
href="https://trpc.io"
target="_blank"
rel="noreferrer"
className="font-medium underline underline-offset-4"
>
tRPC
</a>
. Typesafe database querying using{" "}
<a
href="https://kysely.dev"
target="_blank"
rel="noreferrer"
className="font-medium underline underline-offset-4"
>
Kysely
</a>{" "}
and{" "}
<a
href="https://prisma.io"
target="_blank"
rel="noreferrer"
className="font-medium underline underline-offset-4"
>
Prisma
</a>
.
</>
),
},
{
icon: <Globe className="h-10 w-10" />,
title: "Edge Compute",
body: (
<>
Ready to deploy on Edge functions to ensure a blazingly fast application
with optimal UX.
</>
),
},
{
icon: <CreditCard className="h-10 w-10" />,
title: "Payments",
body: (
<>
Accept payments with{" "}
<a
href="https://stripe.com"
target="_blank"
rel="noreferrer"
className="font-medium underline underline-offset-4"
>
Stripe
</a>
.
</>
),
},
];