nextjs-starter-kit 0.1.1 → 0.1.2

package/bin/cli.js

@@ -0,0 +1,11 @@
+#!/usr/bin/env node
+import fs from "fs";
+import path from "path";
+
+const projectName = process.argv[2] || "my-app";
+const targetDir = path.join(process.cwd(), projectName);
+
+fs.cpSync(path.join(__dirname, "../template"), targetDir, { recursive: true });
+
+console.log(`✅ Project created at ${projectName}`);
+console.log(`👉 cd ${projectName} && pnpm install && pnpm dev`);

package/package.json

@@ -1,7 +1,16 @@
 {
     "name": "nextjs-starter-kit",
-    "version": "0.1.1",
+    "version": "0.1.2",
     "private": false,
+    "bin": {
+        "create-nextjs-starter-kit": "bin/cli.js"
+    },
+    "files": [
+        "bin",
+        "template",
+        "package.json",
+        "README.md"
+    ],
     "scripts": {
         "dev": "next dev --turbopack",
         "build": "pnpm lint && pnpm format &&  next build --turbopack",

package/.github/PR_REQUEST_TEMPLATE.md

@@ -1,18 +0,0 @@
-## 📌 What’s changing?
-
-<!-- Briefly explain what this PR does -->
-
-## ✅ Checklist
-
-- [ ] I tested this change locally
-- [ ] I updated related docs (if needed)
-- [ ] This PR is rebased on the latest base branch
-- [ ] This PR is ready to squash & merge
-
-## 🚀 Deployment notes
-
-<!-- Optional: Add notes if anything special is needed during deploy -->
-
-## 🎯 Related Issues or Cards
-
-Closes #

package/.github/workflows/pr_check.yml

@@ -1,38 +0,0 @@
-name: PR Check
-
-on:
-    pull_request:
-        branches:
-            - development
-            - testing
-            - production
-
-jobs:
-    lint-and-build:
-        runs-on: ubuntu-latest
-
-        steps:
-            - name: Checkout
-              uses: actions/checkout@v4
-
-            - name: Use Node
-              uses: actions/setup-node@v4
-              with:
-                  node-version: 20
-
-            - name: Enable Corepack & Install
-              run: |
-                  corepack enable
-                  pnpm install
-
-            - name: Lint
-              run: pnpm lint
-
-            - name: Format Check
-              run: pnpm format-check
-
-            - name: Format
-              run: pnpm format
-
-            - name: Build
-              run: pnpm build

package/.husky/pre-commit

@@ -1 +0,0 @@
-pnpm lint-staged

package/.prettierignore

@@ -1,7 +0,0 @@
-/.vscode
-/node_modules
-./dist
-
-*.env
-.env
-.env.*

package/.prettierrc

@@ -1,9 +0,0 @@
-{
-    "singleQuote": false,
-    "bracketSpacing": true,
-    "tabWidth": 4,
-    "semi": true,
-    "trailingComma": "es5",
-    "plugins": ["prettier-plugin-tailwindcss"],
-    "tailwindFunctions": ["clsx", "cva", "cn"]
-}

package/components.json

@@ -1,21 +0,0 @@
-{
-    "$schema": "https://ui.shadcn.com/schema.json",
-    "style": "new-york",
-    "rsc": true,
-    "tsx": false,
-    "tailwind": {
-        "config": "",
-        "css": "@/styles/globals.css",
-        "baseColor": "neutral",
-        "cssVariables": true,
-        "prefix": ""
-    },
-    "aliases": {
-        "components": "@/components",
-        "utils": "@/lib/utils",
-        "ui": "@/components/ui",
-        "lib": "@/lib",
-        "hooks": "@/hooks"
-    },
-    "iconLibrary": "lucide"
-}

package/eslint.config.mjs

@@ -1,42 +0,0 @@
-import { dirname } from "path";
-import { fileURLToPath } from "url";
-import { FlatCompat } from "@eslint/eslintrc";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const compat = new FlatCompat({
-    baseDirectory: __dirname,
-});
-
-const eslintConfig = [
-    {
-        ignores: [
-            "node_modules/**",
-            ".next/**",
-            "out/**",
-            "build/**",
-            "next-env.d.ts",
-        ],
-    },
-    ...compat.extends("next/core-web-vitals", "prettier"),
-    {
-        files: ["**/*.{js,jsx}"],
-        languageOptions: {
-            parserOptions: {
-                ecmaVersion: 2022,
-                sourceType: "module",
-            },
-        },
-        rules: {
-            "no-unused-vars": "warn",
-            "no-console": "warn",
-            "@next/next/no-document-import-in-page": "off",
-            "react-hooks/rules-of-hooks": "error",
-            "react-hooks/exhaustive-deps": "warn",
-            "@typescript-eslint/no-unused-vars": "off",
-        },
-    },
-];
-
-export default eslintConfig;

package/jsconfig.json

@@ -1,7 +0,0 @@
-{
-    "compilerOptions": {
-        "paths": {
-            "@/*": ["./src/*"]
-        }
-    }
-}

package/lint-staged.config.js

@@ -1,6 +0,0 @@
-const config = {
-    "**/*.{js,jsx}": ["eslint --fix", "prettier --write"],
-    "**/*.{css,scss,md,json}": ["prettier --write"],
-};
-
-export default config;

package/next.config.mjs

@@ -1,6 +0,0 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-    devIndicators: false,
-};
-
-export default nextConfig;

package/postcss.config.mjs

@@ -1,5 +0,0 @@
-const config = {
-    plugins: ["@tailwindcss/postcss"],
-};
-
-export default config;

package/src/animations/loader.js

@@ -1,81 +0,0 @@
-import gsap from "gsap";
-
-export function LoaderAnimation() {
-    const tl = gsap.timeline();
-
-    tl.set("#loader", {
-        "--gradient-opacity": 0,
-        background: `linear-gradient(to right, 
-            rgba(243, 24, 17, var(--gradient-opacity, 0)), 
-            rgba(250, 240, 48, var(--gradient-opacity, 0)), 
-            rgba(255, 255, 255, var(--gradient-opacity, 0)), 
-            rgba(6, 144, 36, var(--gradient-opacity, 0)), 
-            rgba(15, 45, 202, var(--gradient-opacity, 0))
-        ), black`,
-    });
-
-    tl.fromTo(
-        "#loader-heading",
-        {
-            visibility: "hidden",
-        },
-        {
-            visibility: "visible",
-            display: "flex",
-        }
-    );
-
-    tl.fromTo(
-        "#loader-heading span",
-        {
-            y: -25,
-            opacity: 0,
-        },
-        {
-            opacity: 1,
-            stagger: 0.12,
-            duration: 1,
-            delay: 0.5,
-            y: 0,
-        }
-    );
-
-    tl.to("#loader-heading span", {
-        y: -25,
-        stagger: 0.12,
-        duration: 1,
-        opacity: 0,
-    });
-
-    tl.set("#loader", {
-        background: `linear-gradient(to right, 
-            rgba(243, 24, 17, var(--gradient-opacity, 0)), 
-            rgba(250, 240, 48, var(--gradient-opacity, 0)), 
-            rgba(255, 255, 255, var(--gradient-opacity, 0)), 
-            rgba(6, 144, 36, var(--gradient-opacity, 0)), 
-            rgba(15, 45, 202, var(--gradient-opacity, 0))
-        ), white`,
-        "--gradient-opacity": 1,
-        duration: 0.5,
-    });
-
-    tl.fromTo(
-        "#logo",
-        {
-            visibility: "hidden",
-            scale: 1.05,
-            filter: "blur(10px)",
-            opacity: 0,
-        },
-        {
-            visibility: "visible",
-            display: "flex",
-            scale: 1,
-            opacity: 1,
-            duration: 0.5,
-            filter: "blur(0px)",
-        }
-    );
-
-    return tl;
-}

package/src/app/(routes)/(home)/page.jsx

@@ -1,7 +0,0 @@
-import React from "react";
-
-function page() {
-    return <div>page</div>;
-}
-
-export default page;

package/src/app/layout.js

@@ -1,81 +0,0 @@
-import { Toaster } from "@/components/ui/sonner";
-import { cn } from "@/lib/utils";
-import { QueryProvider } from "@/providers/QueryProvider";
-import { manrope, figtree, inter } from "@/styles/fonts";
-import "@/styles/globals.css";
-import { GoogleAnalytics, GoogleTagManager } from "@next/third-parties/google";
-
-// export const metadata = {
-//     title: {
-//         default: "Next JS Starter",
-//         template: "%s | Next JS Starter",
-//     },
-//     description: "",
-//     keywords: [],
-//     metadataBase: new URL(""),
-//     alternates: {
-//         canonical: "0",
-//     },
-//     openGraph: {
-//         title: "",
-//         description: "",
-//         url: "0",
-//         siteName: "0",
-//         locale: "en_US",
-//         type: "website",
-//         images: [
-//             {
-//                 url: "0",
-//                 width: 0,
-//                 height: 0,
-//                 alt: "",
-//             },
-//         ],
-//     },
-//     twitter: {
-//         card: "",
-//         title: "",
-//         description: "",
-//         images: [
-//             {
-//                 url: "",
-//                 width: 0,
-//                 height: 0,
-//                 alt: "",
-//             },
-//         ],
-//     },
-//     icons: {
-//         icon: "/favicon.ico",
-//         apple: "/favicon.ico",
-//     },
-// };
-
-export default function RootLayout({ children }) {
-    return (
-        <html lang="en" suppressHydrationWarning>
-            <GoogleTagManager gtmId="" />
-            <GoogleAnalytics gaId="" />
-
-            <body
-                className={cn(
-                    manrope.variable,
-                    figtree.variable,
-                    inter.variable,
-                    "font-Manrope tracking-tighter antialiased"
-                )}
-            >
-                <QueryProvider>{children}</QueryProvider>
-                <Toaster
-                    richColors
-                    theme="light"
-                    closeButton
-                    expand
-                    position="top-right"
-                    dir="auto"
-                    gap={20}
-                />
-            </body>
-        </html>
-    );
-}

package/src/app/not-found.jsx

@@ -1,19 +0,0 @@
-import { Button } from "@/components/ui/button";
-import Container from "@/components/ui/container";
-import { Heading } from "@/components/ui/headings";
-import Link from "next/link";
-
-export default function NotFound() {
-    return (
-        <Container
-            className={
-                "flex h-screen flex-col items-center justify-center gap-4"
-            }
-        >
-            <Heading size="h4">404 - Page Not Found</Heading>
-            <Link href={"/"}>
-                <Button>Go Back</Button>
-            </Link>
-        </Container>
-    );
-}

package/src/app/robots.js

@@ -1,10 +0,0 @@
-export default function robots() {
-    return {
-        rules: {
-            userAgent: "*",
-            allow: "/",
-            disallow: ["/private/", "/api/", "/admin/", "/_next/"],
-        },
-        sitemap: "",
-    };
-}

package/src/app/sitemap.js

@@ -1,10 +0,0 @@
-export default async function sitemap() {
-    return [
-        {
-            url: "/example",
-            lastModified: new Date().toISOString(),
-            changeFrequency: "monthly",
-            priority: 0.5,
-        },
-    ];
-}

package/src/assets/Logos/index.js

@@ -1,3 +0,0 @@
-export const Logos = {
-    alt: "",
-};

package/src/assets/index.js

@@ -1,5 +0,0 @@
-import { Logos } from "./Logos";
-
-export const Assets = {
-    logos: Logos,
-};

package/src/components/ui/accordion.jsx

@@ -1,53 +0,0 @@
-"use client";
-
-import * as React from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { ChevronDownIcon } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-
-function Accordion({ ...props }) {
-    return <AccordionPrimitive.Root data-slot="accordion" {...props} />;
-}
-
-function AccordionItem({ className, ...props }) {
-    return (
-        <AccordionPrimitive.Item
-            data-slot="accordion-item"
-            className={cn("border-b last:border-b-0", className)}
-            {...props}
-        />
-    );
-}
-
-function AccordionTrigger({ className, children, ...props }) {
-    return (
-        <AccordionPrimitive.Header className="flex">
-            <AccordionPrimitive.Trigger
-                data-slot="accordion-trigger"
-                className={cn(
-                    "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
-                    className
-                )}
-                {...props}
-            >
-                {children}
-                <ChevronDownIcon className="text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" />
-            </AccordionPrimitive.Trigger>
-        </AccordionPrimitive.Header>
-    );
-}
-
-function AccordionContent({ className, children, ...props }) {
-    return (
-        <AccordionPrimitive.Content
-            data-slot="accordion-content"
-            className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
-            {...props}
-        >
-            <div className={cn("pt-0 pb-4", className)}>{children}</div>
-        </AccordionPrimitive.Content>
-    );
-}
-
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/src/components/ui/alert-dialog.jsx

@@ -1,136 +0,0 @@
-"use client";
-
-import * as React from "react";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-
-import { cn } from "@/lib/utils";
-import { buttonVariants } from "@/components/ui/button";
-
-function AlertDialog({ ...props }) {
-    return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />;
-}
-
-function AlertDialogTrigger({ ...props }) {
-    return (
-        <AlertDialogPrimitive.Trigger
-            data-slot="alert-dialog-trigger"
-            {...props}
-        />
-    );
-}
-
-function AlertDialogPortal({ ...props }) {
-    return (
-        <AlertDialogPrimitive.Portal
-            data-slot="alert-dialog-portal"
-            {...props}
-        />
-    );
-}
-
-function AlertDialogOverlay({ className, ...props }) {
-    return (
-        <AlertDialogPrimitive.Overlay
-            data-slot="alert-dialog-overlay"
-            className={cn(
-                "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-                className
-            )}
-            {...props}
-        />
-    );
-}
-
-function AlertDialogContent({ className, ...props }) {
-    return (
-        <AlertDialogPortal>
-            <AlertDialogOverlay />
-            <AlertDialogPrimitive.Content
-                data-slot="alert-dialog-content"
-                className={cn(
-                    "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
-                    className
-                )}
-                {...props}
-            />
-        </AlertDialogPortal>
-    );
-}
-
-function AlertDialogHeader({ className, ...props }) {
-    return (
-        <div
-            data-slot="alert-dialog-header"
-            className={cn(
-                "flex flex-col gap-2 text-center sm:text-left",
-                className
-            )}
-            {...props}
-        />
-    );
-}
-
-function AlertDialogFooter({ className, ...props }) {
-    return (
-        <div
-            data-slot="alert-dialog-footer"
-            className={cn(
-                "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-                className
-            )}
-            {...props}
-        />
-    );
-}
-
-function AlertDialogTitle({ className, ...props }) {
-    return (
-        <AlertDialogPrimitive.Title
-            data-slot="alert-dialog-title"
-            className={cn("text-lg font-semibold", className)}
-            {...props}
-        />
-    );
-}
-
-function AlertDialogDescription({ className, ...props }) {
-    return (
-        <AlertDialogPrimitive.Description
-            data-slot="alert-dialog-description"
-            className={cn("text-muted-foreground text-sm", className)}
-            {...props}
-        />
-    );
-}
-
-function AlertDialogAction({ className, ...props }) {
-    return (
-        <AlertDialogPrimitive.Action
-            className={cn(buttonVariants(), className)}
-            {...props}
-        />
-    );
-}
-
-function AlertDialogCancel({ className, ...props }) {
-    return (
-        <AlertDialogPrimitive.Cancel
-            className={cn(buttonVariants({ variant: "outline" }), className)}
-            {...props}
-        />
-    );
-}
-
-export {
-    AlertDialog,
-    AlertDialogPortal,
-    AlertDialogOverlay,
-    AlertDialogTrigger,
-    AlertDialogContent,
-    AlertDialogHeader,
-    AlertDialogFooter,
-    AlertDialogTitle,
-    AlertDialogDescription,
-    AlertDialogAction,
-    AlertDialogCancel,
-};