Resolves #8

README.md

@@ -15,7 +15,8 @@
 - 📀 Database uses [Prisma](https://www.prisma.io/) as the ORM. Can be connected to any supported database — I recommend [PlanetScale](https://planetscale.com/).
 - 📧 Emails templated by [react.email](https://react.email/) and sent using [Resend](https://resend.com/). Additionally, [Loops](https://loops.so/) form for a waitlist.
 - 👨‍👩‍👧‍👦 Authentication provided by [Clerk](https://clerk.com/), which provides a secure, scalable and customizable authentication system.
-- 🟢 Log Drain and Status provided by [BetterStack](https://betterstack.com/).
+- 🟢 Status provided by [BetterStack](https://betterstack.com/).
+- 🪵 Log Drain provided by [Axiom](https://axiom.co/).
 - 🐞 Error capturing provided by [Sentry](https://sentry.io/).
 - 💸 Payments provided by [Stripe](https://stripe.com/).
 - 📈 Analytics provided by [Vercel Analytics](https://vercel.com/analytics) and [Google Analytics](https://marketingplatform.google.com/about/analytics/).
@@ -24,6 +25,7 @@
 - 📝 MDX content through [Contentlayer](https://contentlayer.dev/).
 - 🔔 Notifications provided by [Knock](https://knock.app/).
 - 🔄 Cron jobs provided by Vercel.
+- 🔠 Font is [Geist](https://vercel.com/font) by Vercel.
 
 ... plus a stack of other features for customization, security and performance.
 
@@ -73,3 +75,7 @@ pnpm dev
 ```
 
 Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+## Deploying
+
+`next-forge` is designed to be deployed on Vercel with the [Axiom](https://vercel.com/integrations/axiom) and [Sentry](https://vercel.com/integrations/sentry) integrations.

app/api/chat/route.ts

@@ -26,22 +26,24 @@ export const POST = async (req: Request): Promise<Response> => {
         content: [
           'You are an AI chatbot embedded on a website about next-forge, a production-grade boilerplate for modern Next.js apps.',
           `It uses the following technologies:`,
-          `- ▲ Framework is [Next.js 14](https://nextjs.org/) (using App Directory and React Server Components) — a [React](https://react.dev/) framework for production-grade apps. Designed to be deployed on [Vercel](https://vercel.com/), but you can take it almost anywhere.`,
-          `- 🤝 Full [TypeScript](https://www.typescriptlang.org/) support, including strict mode.`,
-          `- 📦 React components from [shadcn/ui](https://ui.shadcn.com/), built on [Radix UI](https://www.radix-ui.com/), [Tailwind CSS](https://tailwindcss.com/) and [cva](https://cva.style/docs).`,
-          `- 👩‍⚖️ Linting from [eslint-config-harmony](https://github.com/haydenbleasel/eslint-config-harmony), which provides a strict set of configuration for [ESLint](https://eslint.org/), [Prettier](https://prettier.io/) and [Stylelint](https://stylelint.io/).`,
-          `- 📀 Database uses [Prisma](https://www.prisma.io/) as the ORM. Can be connected to any supported database — I recommend [PlanetScale](https://planetscale.com/).`,
-          `- 📧 Emails templated by [react.email](https://react.email/) and sent using [Resend](https://resend.com/). Additionally, [Loops](https://loops.so/) form for a waitlist.`,
-          `- 👨‍👩‍👧‍👦 Authentication provided by [Clerk](https://clerk.com/), which provides a secure, scalable and customizable authentication system.`,
-          `- 🟢 Log Drain and Status provided by [BetterStack](https://betterstack.com/).`,
-          `- 🐞 Error capturing provided by [Sentry](https://sentry.io/).`,
-          `- 💸 Payments provided by [Stripe](https://stripe.com/).`,
-          `- 📈 Analytics provided by [Vercel Analytics](https://vercel.com/analytics) and [Google Analytics](https://marketingplatform.google.com/about/analytics/).`,
-          `- 🤖 AI provided by [Vercel AI](https://www.npmjs.com/package/ai), using OpenAI by default.`,
-          `- 💬 Feedback through [Canny](https://canny.io/).`,
-          `- 📝 MDX content through [Contentlayer](https://contentlayer.dev/).`,
-          `- 🔔 Notifications provided by [Knock](https://knock.app/).`,
-          `- 🔄 Cron jobs provided by Vercel.`,
+          '- ▲ Framework is [Next.js 14](https://nextjs.org/) (using App Directory and React Server Components) — a [React](https://react.dev/) framework for production-grade apps. Designed to be deployed on [Vercel](https://vercel.com/), but you can take it almost anywhere.',
+          '- 🤝 Full [TypeScript](https://www.typescriptlang.org/) support, including strict mode.',
+          '- 📦 React components from [shadcn/ui](https://ui.shadcn.com/), built on [Radix UI](https://www.radix-ui.com/), [Tailwind CSS](https://tailwindcss.com/) and [cva](https://cva.style/docs).',
+          '- 👩‍⚖️ Linting from [eslint-config-harmony](https://github.com/haydenbleasel/eslint-config-harmony), which provides a strict set of configuration for [ESLint](https://eslint.org/), [Prettier](https://prettier.io/) and [Stylelint](https://stylelint.io/).',
+          '- 📀 Database uses [Prisma](https://www.prisma.io/) as the ORM. Can be connected to any supported database — I recommend [PlanetScale](https://planetscale.com/).',
+          '- 📧 Emails templated by [react.email](https://react.email/) and sent using [Resend](https://resend.com/). Additionally, [Loops](https://loops.so/) form for a waitlist.',
+          '- 👨‍👩‍👧‍👦 Authentication provided by [Clerk](https://clerk.com/), which provides a secure, scalable and customizable authentication system.',
+          '- 🟢 Status provided by [BetterStack](https://betterstack.com/).',
+          '- 🪵 Log Drain provided by [Axiom](https://axiom.co/).',
+          '- 🐞 Error capturing provided by [Sentry](https://sentry.io/).',
+          '- 💸 Payments provided by [Stripe](https://stripe.com/).',
+          '- 📈 Analytics provided by [Vercel Analytics](https://vercel.com/analytics) and [Google Analytics](https://marketingplatform.google.com/about/analytics/).',
+          '- 🤖 AI provided by [Vercel AI](https://www.npmjs.com/package/ai), using OpenAI by default.',
+          '- 💬 Feedback through [Canny](https://canny.io/).',
+          '- 📝 MDX content through [Contentlayer](https://contentlayer.dev/).',
+          '- 🔔 Notifications provided by [Knock](https://knock.app/).',
+          '- 🔄 Cron jobs provided by Vercel.',
+          '- 🔠 Font is [Geist](https://vercel.com/font) by Vercel.',
           `Here is the package.json for the project: ${JSON.stringify(pkg)}.`,
           "I would like you to answer the users' questions using the knowledge above.",
           'If you do not know the answer, please say "I do not know".',

next.config.mjs

@@ -2,6 +2,7 @@ import { createSecureHeaders } from 'next-secure-headers';
 import withBundleAnalyzer from '@next/bundle-analyzer';
 import { withSentryConfig } from '@sentry/nextjs';
 import { createContentlayerPlugin } from 'next-contentlayer';
+import { withAxiom } from 'next-axiom';
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
@@ -84,7 +85,7 @@ const sentryOptions = {
 };
 
 // eslint-disable-next-line import/no-mutable-exports
-let config = withContentlayer(nextConfig);
+let config = withAxiom(withContentlayer(nextConfig));
 
 if (process.env.VERCEL) {
   config = withSentryConfig(

package.json

@@ -63,6 +63,7 @@
     "jsonwebtoken": "^9.0.2",
     "lodash.merge": "^4.6.2",
     "next": "14.0.1",
+    "next-axiom": "^1.1.0",
     "next-contentlayer": "^0.3.4",
     "next-secure-headers": "^2.2.0",
     "next-themes": "^0.2.1",