create-next-rkk 1.0.0

package/README.md

@@ -0,0 +1,85 @@
+# create-next-rkk
+
+The easiest way to create a new Next.js app with [rkk-next](https://github.com/ROHIT8759/rkk-next) pre-configured!
+
+## 🚀 Quick Start
+
+```bash
+npx create-next-rkk@latest my-app
+cd my-app
+npm run dev
+```
+
+That's it! Your Next.js app with rkk-next is ready.
+
+## 📋 What You Get
+
+✅ **Next.js** latest version  
+✅ **rkk-next** pre-installed and configured  
+✅ **SEO** setup with MetaManager  
+✅ **TypeScript** support (optional)  
+✅ **Pages Router** or **App Router** (your choice)  
+✅ **Best practices** included
+
+## 🎯 Usage
+
+### Interactive Mode
+
+```bash
+npx create-next-rkk@latest
+```
+
+You'll be prompted for:
+- Project name
+- Router type (Pages or App)
+- TypeScript (yes/no)
+- Install dependencies (yes/no)
+
+### With Project Name
+
+```bash
+npx create-next-rkk@latest my-awesome-app
+```
+
+### Non-Interactive Mode
+
+```bash
+npx create-next-rkk@latest my-app --router app --typescript --install
+```
+
+## 📦 What's Included
+
+### Pages Router Setup
+- `_app.tsx` with Web Vitals reporting
+- `index.tsx` with MetaManager and SmartLink
+- Pre-configured examples
+
+### App Router Setup
+- `layout.tsx` with generateAppMetadata
+- `page.tsx` with JSON-LD
+- Modern App Router patterns
+
+## 🔧 Post-Installation
+
+After creating your app:
+
+```bash
+cd your-app-name
+npm run dev
+```
+
+Visit `http://localhost:3000` to see your app!
+
+## 📚 Learn More
+
+- [rkk-next Documentation](https://github.com/ROHIT8759/rkk-next)
+- [rkk-next Quick Start](https://github.com/ROHIT8759/rkk-next/blob/main/QUICKSTART.md)
+- [Next.js Documentation](https://nextjs.org/docs)
+
+## 🐛 Issues
+
+Report issues at: https://github.com/ROHIT8759/rkk-next/issues
+
+## 📄 License
+
+MIT © Rohit Kumar Kundu

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/index.js

@@ -0,0 +1,236 @@
+#!/usr/bin/env node
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const commander_1 = require("commander");
+const inquirer_1 = __importDefault(require("inquirer"));
+const child_process_1 = require("child_process");
+const fs = __importStar(require("fs"));
+const path = __importStar(require("path"));
+const chalk_1 = __importDefault(require("chalk"));
+const ora_1 = __importDefault(require("ora"));
+const program = new commander_1.Command();
+program
+    .name('create-next-rkk')
+    .description('Create a new Next.js app with rkk-next pre-configured')
+    .version('1.0.0')
+    .argument('[project-name]', 'name of your project')
+    .action(async (projectName) => {
+    console.log(chalk_1.default.bold.cyan('\n🚀 Create RKK Next.js App\n'));
+    const answers = await inquirer_1.default.prompt([
+        {
+            type: 'input',
+            name: 'projectName',
+            message: 'What is your project name?',
+            default: projectName || 'my-rkk-app',
+            when: !projectName,
+        },
+        {
+            type: 'list',
+            name: 'router',
+            message: 'Which Next.js router do you want to use?',
+            choices: [
+                { name: 'App Router (Recommended)', value: 'app' },
+                { name: 'Pages Router', value: 'pages' },
+            ],
+            default: 'app',
+        },
+        {
+            type: 'confirm',
+            name: 'typescript',
+            message: 'Use TypeScript?',
+            default: true,
+        },
+        {
+            type: 'confirm',
+            name: 'installDeps',
+            message: 'Install dependencies now?',
+            default: true,
+        },
+    ]);
+    const targetDir = projectName || answers.projectName;
+    // Step 1: Create Next.js app
+    const spinner = (0, ora_1.default)('Creating Next.js application...').start();
+    try {
+        const nextFlags = [
+            '--use-npm',
+            answers.typescript ? '--typescript' : '--javascript',
+            answers.router === 'app' ? '--app' : '',
+            '--no-tailwind',
+            '--eslint',
+            '--src-dir',
+        ].filter(Boolean).join(' ');
+        (0, child_process_1.execSync)(`npx create-next-app@latest ${targetDir} ${nextFlags} --yes`, { stdio: 'pipe' });
+        spinner.succeed('Next.js application created!');
+        // Step 2: Install rkk-next
+        if (answers.installDeps) {
+            spinner.start('Installing rkk-next...');
+            process.chdir(targetDir);
+            (0, child_process_1.execSync)('npm install rkk-next', { stdio: 'pipe' });
+            spinner.succeed('rkk-next installed!');
+        }
+        // Step 3: Setup template files
+        spinner.start('Setting up rkk-next configuration...');
+        setupTemplateFiles(targetDir, answers.router, answers.typescript);
+        spinner.succeed('Configuration complete!');
+        // Success message
+        console.log(chalk_1.default.green.bold('\n✨ Success! Created ' + targetDir));
+        console.log(chalk_1.default.cyan('\n📁 Inside your project directory:\n'));
+        console.log(chalk_1.default.white('  cd ' + targetDir));
+        if (!answers.installDeps) {
+            console.log(chalk_1.default.white('  npm install'));
+        }
+        console.log(chalk_1.default.white('  npm run dev'));
+        console.log(chalk_1.default.cyan('\n📚 Documentation:'));
+        console.log(chalk_1.default.white('  https://github.com/ROHIT8759/rkk-next\n'));
+        console.log(chalk_1.default.yellow('Happy coding! 🎉\n'));
+    }
+    catch (error) {
+        spinner.fail('Failed to create application');
+        console.error(chalk_1.default.red('\nError:'), error.message);
+        process.exit(1);
+    }
+});
+function setupTemplateFiles(projectDir, router, typescript) {
+    const ext = typescript ? 'tsx' : 'jsx';
+    const srcDir = path.join(projectDir, 'src');
+    if (router === 'pages') {
+        // Setup Pages Router
+        const pagesDir = path.join(srcDir, 'pages');
+        // _app file
+        const appContent = `import type { AppProps } from 'next/app';
+import { reportWebVitals } from 'rkk-next';
+import '../styles/globals.css';
+
+export default function App({ Component, pageProps }: AppProps) {
+  return <Component {...pageProps} />;
+}
+
+export { reportWebVitals };
+`;
+        // index.tsx with rkk-next
+        const indexContent = `import { MetaManager, SmartLink, OptimizedImage } from 'rkk-next';
+
+export default function Home() {
+  return (
+    <>
+      <MetaManager
+        title="Home | My App"
+        description="Built with rkk-next and Next.js"
+        keywords="nextjs, seo, performance"
+      />
+
+      <main style={{ padding: '2rem', maxWidth: '1200px', margin: '0 auto' }}>
+        <h1>Welcome to Your RKK Next.js App!</h1>
+        <p>This app is pre-configured with rkk-next for SEO, performance, and routing optimization.</p>
+        
+        <SmartLink href="/about">
+          Learn More →
+        </SmartLink>
+      </main>
+    </>
+  );
+}
+`;
+        fs.writeFileSync(path.join(pagesDir, `_app.${ext}`), appContent);
+        fs.writeFileSync(path.join(pagesDir, `index.${ext}`), indexContent);
+    }
+    else {
+        // Setup App Router
+        const appDir = path.join(srcDir, 'app');
+        // layout.tsx
+        const layoutContent = `import { generateAppMetadata } from 'rkk-next';
+import './globals.css';
+
+export const metadata = generateAppMetadata({
+  title: 'My RKK App',
+  description: 'Built with rkk-next and Next.js',
+  image: '/og-image.png',
+});
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
+`;
+        // page.tsx
+        const pageContent = `import { JsonLd, OptimizedImage } from 'rkk-next';
+import Link from 'next/link';
+
+export default function HomePage() {
+  return (
+    <>
+      <JsonLd
+        type="WebSite"
+        data={{
+          name: "My RKK App",
+          url: "https://myapp.com",
+        }}
+      />
+
+      <main style={{ padding: '2rem', maxWidth: '1200px', margin: '0 auto' }}>
+        <h1>Welcome to Your RKK Next.js App!</h1>
+        <p>This app is pre-configured with rkk-next for SEO, performance, and routing optimization.</p>
+        
+        <Link href="/about">Learn More →</Link>
+      </main>
+    </>
+  );
+}
+`;
+        fs.writeFileSync(path.join(appDir, `layout.${ext}`), layoutContent);
+        fs.writeFileSync(path.join(appDir, `page.${ext}`), pageContent);
+    }
+    // Create next.config.js with rkk-next
+    const configContent = `/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+};
+
+module.exports = nextConfig;
+`;
+    fs.writeFileSync(path.join(projectDir, 'next.config.js'), configContent);
+}
+program.parse(process.argv);

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "create-next-rkk",
+  "version": "1.0.0",
+  "description": "CLI tool to create Next.js apps with rkk-next pre-configured",
+  "author": "Rohit Kumar Kundu",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "bin": {
+    "create-next-rkk": "./dist/index.js"
+  },
+  "files": [
+    "dist",
+    "templates"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ROHIT8759/rkk-next.git",
+    "directory": "cli"
+  },
+  "bugs": {
+    "url": "https://github.com/ROHIT8759/rkk-next/issues"
+  },
+  "homepage": "https://github.com/ROHIT8759/rkk-next#readme",
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "chalk": "^4.1.2",
+    "commander": "^11.1.0",
+    "inquirer": "^8.2.6",
+    "ora": "^5.4.1"
+  },
+  "devDependencies": {
+    "@types/inquirer": "^9.0.7",
+    "@types/node": "^20.10.0",
+    "typescript": "^5.3.3"
+  },
+  "keywords": [
+    "nextjs",
+    "cli",
+    "create-app",
+    "rkk-next",
+    "scaffold",
+    "generator",
+    "boilerplate"
+  ],
+  "engines": {
+    "node": ">=16.0.0"
+  }
+}