[base] Add vercel toolbar in dev [skip vercel]

.gitignore

@@ -31,6 +31,7 @@ yarn-error.log*
 
 # env files (can opt-in for committing if needed)
 .env*
+.env*.local
 
 # vercel
 .vercel

next.config.mjs

@@ -3,6 +3,8 @@
 import { promises } from 'node:fs';
 import { resolve } from 'node:path';
 
+import withVercelToolbar from '@vercel/toolbar/plugins/next';
+
 import { generateRssFeed } from './build-utils/generate-rss.js';
 
 
@@ -39,4 +41,4 @@ if (!process.env.VELITE_STARTED && (isDev || isBuild)) {
 const posts = await promises.readFile('./.velite/posts.json', { encoding: 'utf-8' });
 await generateRssFeed(JSON.parse(posts), resolve('public/static/rss.xml'));
 
-export default nextConfig;
+export default withVercelToolbar()(nextConfig);

package.json

@@ -11,6 +11,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@vercel/toolbar": "^0.1.27",
     "classnames": "^2.5.1",
     "dayjs": "^1.11.13",
     "next": "15.0.3",
@@ -19,12 +20,12 @@
   },
   "devDependencies": {
     "@dtrw/eslint-config": "^5.3.4",
-    "@types/node": "^22.9.1",
+    "@types/node": "^22.10.1",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/rss": "^0.0.32",
     "dictionary-pl": "^2.0.0",
-    "eslint": "^9.15.0",
+    "eslint": "^9.16.0",
     "rehype-slug": "^6.0.0",
     "remark-retext": "^6.0.0",
     "retext-latin": "^4.0.0",

src/app/layout.tsx

@@ -1,3 +1,4 @@
+import { VercelToolbar } from '@vercel/toolbar/next';
 import type { Metadata } from 'next';
 import localFont from 'next/font/local';
 
@@ -41,6 +42,7 @@ export default function RootLayout({
                     {children}
                 </main>
                 {footer}
+                {process.env.NODE_ENV === 'development' && <VercelToolbar />}
             </body>
         </html>
     );