@devkitlab/create-nextjs 0.2.9 → 0.2.11

package/README.md

@@ -62,8 +62,3 @@ This starter is useful if you want:
 - Tailwind configured out of the box
 - a starter that can grow into a CMS-backed app
 - a reusable foundation for client projects or internal tools
-
-## Package
-
-- npm: `@devkitlab/create-nextjs`
-- repository: `shahadat-robin/devkitlab-nextjs`

package/bin/create-nextjs.mjs

@@ -8,6 +8,7 @@ import { fileURLToPath } from 'node:url';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const templateDir = path.resolve(__dirname, '..', 'template');
+const ignoredNames = new Set(['.DS_Store', '.git', '.github', '.next', 'node_modules', '.env.local']);
 
 const rawProjectName = process.argv[2] || 'my-devkitlab-app';
 const projectName = rawProjectName.trim();
@@ -32,8 +33,9 @@ try {
     recursive: true,
     filter: source => {
       const relativePath = path.relative(templateDir, source);
+      const pathParts = relativePath.split(path.sep);
 
-      return relativePath !== '.DS_Store';
+      return !pathParts.some(part => ignoredNames.has(part));
     },
   });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devkitlab/create-nextjs",
-  "version": "0.2.9",
+  "version": "0.2.11",
   "description": "Create a DevkitLab Next.js starter app with TypeScript and Tailwind CSS.",
   "type": "module",
   "bin": {

package/template/.github/workflows/notify-package-repo.yml

@@ -0,0 +1,22 @@
+name: Notify package repo
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+jobs:
+  dispatch:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Trigger package publish workflow
+        env:
+          GH_TOKEN: ${{ secrets.PACKAGE_REPO_DISPATCH_TOKEN }}
+        run: |
+          curl --fail-with-body -L \
+            -X POST \
+            -H "Accept: application/vnd.github+json" \
+            -H "Authorization: Bearer ${GH_TOKEN}" \
+            https://api.github.com/repos/shahadat-robin/devkitlab-nextjs/dispatches \
+            -d '{"event_type":"template_updated","client_payload":{"ref":"main"}}'

package/template/app/(home)/page.tsx

@@ -6,8 +6,6 @@ const HomePage: NextPage = () => (
   <>
     <HeroSection />
     <AnotherSection />
-    <AnotherSection />
-    <AnotherSection />
   </>
 );
 

package/template/app/_layout/header.tsx

@@ -11,14 +11,9 @@ export default function AppHeader() {
   return (
     <header className="py-5 sticky top-0 bg-primary dark:bg-dark-light z-50">
       <Container className="flex items-center justify-between">
-        <Image
-          src="/next.svg"
-          alt="Brand logo"
-          width={100}
-          height={50}
-          className="h-auto w-[6.25rem] cursor-pointer"
-          priority
-        />
+        <div className="w-[100px] h-[50px] relative">
+          <Image src="/next.svg" alt="Brand logo" fill className="cursor-pointer" priority />
+        </div>
 
         <label htmlFor="theme-toggle" className="flex items-center cursor-pointer">
           <div className="relative min-h-[30px] w-[55px] rounded-full bg-white">

package/template/eslint.config.mjs

@@ -0,0 +1,41 @@
+import { FlatCompat } from '@eslint/eslintrc';
+import js from '@eslint/js';
+import typescriptEslint from '@typescript-eslint/eslint-plugin';
+import nextCoreWebVitals from 'eslint-config-next/core-web-vitals';
+import { defineConfig } from 'eslint/config';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+const [nextConfig, nextTypescriptConfig, ...nextCoreWebVitalsRest] = nextCoreWebVitals;
+
+export default defineConfig([
+  nextConfig,
+  ...nextCoreWebVitalsRest,
+  {
+    extends: [...compat.extends('prettier')],
+
+    rules: {
+      'no-unused-vars': 'error',
+      'no-console': 'warn',
+      'react/jsx-uses-react': 'warn',
+    },
+  },
+  {
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: nextTypescriptConfig.languageOptions,
+    plugins: {
+      '@typescript-eslint': typescriptEslint,
+    },
+    rules: {
+      '@typescript-eslint/no-explicit-any': 'error',
+    },
+  },
+]);

package/template/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "nextjs-starter-boilerplate",
-  "version": "0.0.1",
+  "name": "devkitlab-nextjs-starter",
+  "version": "1.0.0",
   "private": true,
   "type": "module",
   "engines": {
@@ -13,7 +13,7 @@
     "build": "next build",
     "start": "next start",
     "format": "prettier . --write",
-    "lint": "next lint --max-warnings=0",
+    "lint": "eslint --max-warnings=0 .",
     "prepare": "husky"
   },
   "lint-staged": {
@@ -22,20 +22,20 @@
   "dependencies": {
     "clsx": "^2.1.1",
     "lenis": "^1.1.1",
-    "next": "^15.3.4",
+    "next": "16.2.2",
     "next-themes": "^0.4.4",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
     "sharp": "^0.33.5",
     "tailwind-merge": "^2.3.0",
     "tw-elements-react": "^1.0.0-alpha2"
   },
   "devDependencies": {
     "@types/node": "^20",
-    "@types/react": "19.0.10",
-    "@types/react-dom": "19.0.4",
-    "eslint": "^8",
-    "eslint-config-next": "15.1.7",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "eslint": "^9",
+    "eslint-config-next": "16.2.2",
     "eslint-config-prettier": "^9.1.0",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.2",
@@ -46,5 +46,9 @@
     "typescript": "^5",
     "typescript-eslint": "^7.8.0"
   },
-  "packageManager": "yarn@1.22.22"
+  "packageManager": "yarn@1.22.22",
+  "resolutions": {
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3"
+  }
 }

package/template/tsconfig.json

@@ -10,14 +10,24 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
-    "plugins": [{ "name": "next" }],
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
     "paths": {
       "@/*": ["./src/*"]
     },
     "target": "ES2017"
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
   "exclude": ["node_modules"]
 }