ntc-dev-kit 1.2.1__tar.gz → 1.3.1__tar.gz

{ntc_dev_kit-1.2.1 → ntc_dev_kit-1.3.1}/MANIFEST.in

@@ -3,7 +3,7 @@ include LICENSE
 include requirements.txt
 recursive-include ntc/templates *.py *.json *.md *.txt *.html *.ts *.tsx *.css *.scss *.yml *.yaml *.sh *.conf *.cfg
 recursive-include ntc/templates *.env.example *.gitignore
-recursive-include ntc/templates *.js *.mjs *.dart Dockerfile captain-definition
+recursive-include ntc/templates *.js *.mjs *.dart *.svg *.png *.ico Dockerfile captain-definition
 
 global-exclude __pycache__
 global-exclude *.py[co]

{ntc_dev_kit-1.2.1/ntc_dev_kit.egg-info → ntc_dev_kit-1.3.1}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: ntc-dev-kit
-Version: 1.2.1
+Version: 1.3.1
 Summary: Nexent Toolkit Console - A CLI tool for scaffolding Django REST Framework, React, Next.js, and Flutter projects
 Home-page: https://github.com/nexent/ntc
 Author: Nexent
@@ -26,7 +26,8 @@ Description-Content-Type: text/markdown
 License-File: LICENSE
 Requires-Dist: colorama>=0.4.6
 Requires-Dist: pyyaml>=6.0
-Requires-Dist: textual>=0.47.0
+Requires-Dist: textual>=1.0
+Requires-Dist: tomli>=2.0; python_version < "3.11"
 Provides-Extra: dev
 Requires-Dist: build>=1.0; extra == "dev"
 Requires-Dist: twine>=4.0; extra == "dev"
@@ -121,7 +122,89 @@ ntc init -t nextjs --name site --install --yes
 | `--with-auth` / `--no-auth` | Django: include the sign-in app (custom User model, JWT, migration included) |
 | `--env` | Django: `venv`, `conda`, `existing` (the active virtualenv) or `skip` |
 | `--install` / `--no-install` | Others: run `npm install` / `flutter pub get` |
-| `--yes`, `-y` | Ask nothing; needs `--name` and `--technology` |
+| `--apps` | A workspace instead of one app: `backend,website,dashboard,admin,mobile` (any of them) |
+| `--git` | Workspace: `per-app` (default), `single` or `none` |
+| `--yes`, `-y` | Ask nothing; needs `--name` and `--technology` (or `--apps`) |
+
+### Workspaces: several apps at once
+
+Tick more than one app at **What are you building?** (Space ticks) - say a backend, a website and
+an admin dashboard - and they're created side by side in one folder, already connected:
+
+- each app gets its own port, the frontends point at the backend's API, and the backend allows
+  the frontends' origins (CORS);
+- dependencies install for all apps at once, one line each;
+- git: a repository per app (plus a small one at the root for `ntc.toml`), one for everything,
+  or none;
+- `ntc.toml` at the root says how each app is set up and run.
+
+```
+kaya/
+├── ntc.toml        # the apps, their ports, setup and run commands, env
+├── README.md
+├── backend/        # Django REST API   http://127.0.0.1:8000
+├── website/        # Next.js           http://127.0.0.1:3000
+└── admin/          # React admin       http://127.0.0.1:5173
+```
+
+Then, from anywhere inside the workspace:
+
+```bash
+ntc start                  # every app in this terminal: a tab each plus "All"
+ntc start backend admin    # just these (and what they need)
+ntc start --plain          # interleaved output instead (CI, logs)
+ntc setup                  # environments, .env files, dependencies - after a clone or a deep clean
+ntc clean                  # build output and caches; shows the space freed
+ntc clean --deep           # also node_modules and Python environments
+ntc add                    # another app, wired in like the rest
+```
+
+In `ntc start`, **All** is a grid of up to four terminals, one per app (**[** and **]** page
+through more), with each app's port and status on its border and its output colour-coded: errors
+red, warnings amber, ready/compiled green, HTTP status codes by class. **Tab** moves between the
+terminals and the keys act on the focused one: **r** restarts, **s** stops or starts, **o** opens
+it in the browser, **i** types into it (Flutter's `r` hot reload), **c** clears, **Enter** opens it
+full screen (**Esc** comes back). **1-9** jump to an app's own tab, **0** back to all, **q** quits
+and stops everything. Apps wait for the ones they `need` (the backend) before starting, and a port
+that's already taken is reported instead of crashing.
+
+`ntc clean` only removes what the tools rebuild (`.next`, `dist`, `__pycache__`, caches; with
+`--deep` also `node_modules` and `env`), never anything git tracks, and skips apps that are running.
+`--dry-run` shows what would go.
+
+`ntc.toml` is plain TOML and meant to be edited and committed (no secrets in it - those stay in
+each app's `.env`):
+
+```toml
+name = "kaya"
+
+[apps.backend]
+kind = "django"
+path = "backend"
+port = 8000
+python = "env"
+setup = ["{python} -m pip install -r requirements-dev.txt", "{python} manage.py migrate"]
+run = "{python} manage.py runserver 127.0.0.1:{port}"
+# also = { worker = "{python} -m celery -A kaya worker -B -l INFO" }
+
+[apps.backend.env]
+CORS_ALLOWED_ORIGINS = "{frontends.origins}"
+
+[apps.website]
+kind = "nextjs"
+path = "website"
+port = 3000
+needs = ["backend"]
+run = "npm run dev -- --port {port}"
+repo = "git@github.com:you/website.git"   # `ntc setup` clones it when the folder is missing
+
+[apps.website.env]
+NEXT_PUBLIC_API_BASE_URL = "{backend.url}/api/v1"
+```
+
+Placeholders: `{port}`, `{url}`, `{python}` (this app's), `{<app>.port}`, `{<app>.url}`,
+`{frontends.origins}`. Commands are one program with its arguments (no `&&`), so they run the
+same on Windows and Unix.
 
 ### Technology Options
 

{ntc_dev_kit-1.2.1 → ntc_dev_kit-1.3.1}/README.md

@@ -81,7 +81,89 @@ ntc init -t nextjs --name site --install --yes
 | `--with-auth` / `--no-auth` | Django: include the sign-in app (custom User model, JWT, migration included) |
 | `--env` | Django: `venv`, `conda`, `existing` (the active virtualenv) or `skip` |
 | `--install` / `--no-install` | Others: run `npm install` / `flutter pub get` |
-| `--yes`, `-y` | Ask nothing; needs `--name` and `--technology` |
+| `--apps` | A workspace instead of one app: `backend,website,dashboard,admin,mobile` (any of them) |
+| `--git` | Workspace: `per-app` (default), `single` or `none` |
+| `--yes`, `-y` | Ask nothing; needs `--name` and `--technology` (or `--apps`) |
+
+### Workspaces: several apps at once
+
+Tick more than one app at **What are you building?** (Space ticks) - say a backend, a website and
+an admin dashboard - and they're created side by side in one folder, already connected:
+
+- each app gets its own port, the frontends point at the backend's API, and the backend allows
+  the frontends' origins (CORS);
+- dependencies install for all apps at once, one line each;
+- git: a repository per app (plus a small one at the root for `ntc.toml`), one for everything,
+  or none;
+- `ntc.toml` at the root says how each app is set up and run.
+
+```
+kaya/
+├── ntc.toml        # the apps, their ports, setup and run commands, env
+├── README.md
+├── backend/        # Django REST API   http://127.0.0.1:8000
+├── website/        # Next.js           http://127.0.0.1:3000
+└── admin/          # React admin       http://127.0.0.1:5173
+```
+
+Then, from anywhere inside the workspace:
+
+```bash
+ntc start                  # every app in this terminal: a tab each plus "All"
+ntc start backend admin    # just these (and what they need)
+ntc start --plain          # interleaved output instead (CI, logs)
+ntc setup                  # environments, .env files, dependencies - after a clone or a deep clean
+ntc clean                  # build output and caches; shows the space freed
+ntc clean --deep           # also node_modules and Python environments
+ntc add                    # another app, wired in like the rest
+```
+
+In `ntc start`, **All** is a grid of up to four terminals, one per app (**[** and **]** page
+through more), with each app's port and status on its border and its output colour-coded: errors
+red, warnings amber, ready/compiled green, HTTP status codes by class. **Tab** moves between the
+terminals and the keys act on the focused one: **r** restarts, **s** stops or starts, **o** opens
+it in the browser, **i** types into it (Flutter's `r` hot reload), **c** clears, **Enter** opens it
+full screen (**Esc** comes back). **1-9** jump to an app's own tab, **0** back to all, **q** quits
+and stops everything. Apps wait for the ones they `need` (the backend) before starting, and a port
+that's already taken is reported instead of crashing.
+
+`ntc clean` only removes what the tools rebuild (`.next`, `dist`, `__pycache__`, caches; with
+`--deep` also `node_modules` and `env`), never anything git tracks, and skips apps that are running.
+`--dry-run` shows what would go.
+
+`ntc.toml` is plain TOML and meant to be edited and committed (no secrets in it - those stay in
+each app's `.env`):
+
+```toml
+name = "kaya"
+
+[apps.backend]
+kind = "django"
+path = "backend"
+port = 8000
+python = "env"
+setup = ["{python} -m pip install -r requirements-dev.txt", "{python} manage.py migrate"]
+run = "{python} manage.py runserver 127.0.0.1:{port}"
+# also = { worker = "{python} -m celery -A kaya worker -B -l INFO" }
+
+[apps.backend.env]
+CORS_ALLOWED_ORIGINS = "{frontends.origins}"
+
+[apps.website]
+kind = "nextjs"
+path = "website"
+port = 3000
+needs = ["backend"]
+run = "npm run dev -- --port {port}"
+repo = "git@github.com:you/website.git"   # `ntc setup` clones it when the folder is missing
+
+[apps.website.env]
+NEXT_PUBLIC_API_BASE_URL = "{backend.url}/api/v1"
+```
+
+Placeholders: `{port}`, `{url}`, `{python}` (this app's), `{<app>.port}`, `{<app>.url}`,
+`{frontends.origins}`. Commands are one program with its arguments (no `&&`), so they run the
+same on Windows and Unix.
 
 ### Technology Options
 

{ntc_dev_kit-1.2.1 → ntc_dev_kit-1.3.1}/ntc/__init__.py

@@ -1,5 +1,5 @@
 """NTC - Nexent Toolkit Console."""
 
-__version__ = "1.2.1"
+__version__ = "1.3.1"
 __author__ = "Nexent"
 __license__ = "MIT"

{ntc_dev_kit-1.2.1 → ntc_dev_kit-1.3.1}/ntc/cli_enhanced.py

@@ -284,8 +284,10 @@ Examples:
   ntc init -t django --name shop-api --with-auth --env venv --yes
                                 # No questions at all (scripts, CI, AI agents)
   ntc init -t nextjs --name site --install --yes
-  ntc compose myproject         # Compose full-stack project with multiple components
-  ntc start                     # Start all services from ntc.yml configuration
+  ntc init --name shop --apps backend,website,admin --yes
+                                # A workspace: several apps wired together, plus ntc.toml
+  ntc start                     # Run the workspace's apps in this terminal
+  ntc setup / ntc clean / ntc add
   ntc create app myapp          # Create new Django app
   ntc drf init path name        # Legacy Django REST Framework initialization
         """
@@ -321,7 +323,11 @@ Examples:
                                help="Next.js/React/Flutter: don't install dependencies")
     init_parser.add_argument("--yes", "-y", action="store_true",
                              help="Don't ask: use the options given and defaults for the rest "
-                                  "(requires --name and --technology)")
+                                  "(requires --name and --technology or --apps)")
+    init_parser.add_argument("--apps", help="A workspace of several apps, comma-separated: "
+                                            "backend, website, dashboard, admin, mobile")
+    init_parser.add_argument("--git", choices=["per-app", "single", "none"],
+                             help="Workspace: a repository per app (default), one for everything, or none")
     
     # Create command for apps
     create_parser = subparsers.add_parser("create", help="Create new components")
@@ -345,13 +351,32 @@ Examples:
     drf_init_parser.add_argument("name", help="Project name")
     
     # Composer command for full-stack project composition
-    composer_parser = subparsers.add_parser("compose", help="Compose a full-stack project with multiple components")
-    composer_parser.add_argument("project_name", help="Name of the project")
-    composer_parser.add_argument("--path", help="Base path to create the project (default: current directory)")
+    subparsers.add_parser("compose", help="Replaced by `ntc init` (pick several apps)")
+    add_parser = subparsers.add_parser("add", help="Add apps to the workspace")
+    add_parser.add_argument("apps", nargs="*", help="backend, website, dashboard, admin, mobile")
+    add_parser.add_argument("--name", help="Folder name (when adding one app)")
+    add_parser.add_argument("--env", choices=["venv", "conda", "existing", "skip"], help="Backend: Python environment")
+    add_auth = add_parser.add_mutually_exclusive_group()
+    add_auth.add_argument("--with-auth", dest="with_auth", action="store_true", default=None)
+    add_auth.add_argument("--no-auth", dest="with_auth", action="store_false")
+    add_install = add_parser.add_mutually_exclusive_group()
+    add_install.add_argument("--install", dest="install", action="store_true", default=None)
+    add_install.add_argument("--no-install", dest="install", action="store_false")
+    add_parser.add_argument("--yes", "-y", action="store_true", help="Don't ask")
+    setup_parser = subparsers.add_parser("setup", help="Install the workspace's apps (after a clone or a deep clean)")
+    setup_parser.add_argument("apps", nargs="*", help="Only these apps")
+    clean_parser = subparsers.add_parser("clean", help="Delete build output and caches; say how much space it freed")
+    clean_parser.add_argument("apps", nargs="*", help="Only these apps")
+    clean_parser.add_argument("--deep", action="store_true",
+                              help="Also dependencies: node_modules, Python environments (`ntc setup` reinstalls)")
+    clean_parser.add_argument("--dry-run", action="store_true", help="Show what would go, delete nothing")
+    clean_parser.add_argument("--yes", "-y", action="store_true", help="Don't ask before deleting")
     
     # Start services command
-    start_parser = subparsers.add_parser("start", help="Start all services defined in ntc.yml")
-    start_parser.add_argument("--path", help="Path to project root directory (default: current directory)")
+    start_parser = subparsers.add_parser("start", help="Run the workspace's apps together in this terminal")
+    start_parser.add_argument("apps", nargs="*", help="Only these apps (and the ones they need)")
+    start_parser.add_argument("--plain", action="store_true",
+                              help="Interleaved output instead of the full-screen view (CI, logs)")
 
     # Doctor command for setup diagnostics
     doctor_parser = subparsers.add_parser("doctor", help="Check setup and fix common issues")
@@ -364,12 +389,20 @@ Examples:
     if args.command == "init":
         technology = args.technology or args.frontend or args.backend
         technology = {"drf": "django", "laravel": "django"}.get(technology, technology)
-        if args.yes and not (args.name and technology):
-            print_error("--yes needs --name and --technology, so there is nothing left to ask.")
+        apps = [a.strip() for a in args.apps.split(",") if a.strip()] if args.apps else None
+        if apps and technology:
+            print_error("Give either --technology (one app) or --apps (a workspace), not both.")
             sys.exit(2)
+        if args.yes and not (args.name and (technology or apps)):
+            print_error("--yes needs --name and --technology (or --apps), so there is nothing left to ask.")
+            sys.exit(2)
+        if apps and len(apps) == 1:
+            from ntc.workspace.config import ROLE_KINDS
+            technology, apps = ROLE_KINDS.get(apps[0], apps[0]), None
         from ntc.wizard import run as run_wizard
         created = run_wizard(technology=technology, name=args.name, path=args.path, with_auth=args.with_auth,
-                             env_choice=args.env, install=args.install, assume_yes=args.yes)
+                             env_choice=args.env, install=args.install, assume_yes=args.yes,
+                             apps=apps, git=args.git)
         sys.exit(0 if created else 1)
     elif args.command == "create" and args.create_type == "app":
         if not is_valid_project_name(args.app_name):
@@ -385,22 +418,23 @@ Examples:
         from ntc.templates.drf_structure.main import init_drf_project
         init_drf_project(args.path, args.name)
     elif args.command == "compose":
-        # Composer for full-stack project composition
-        if not is_valid_project_name(args.project_name):
-            print_error("Project name may only contain letters, numbers, underscores, and hyphens!")
-            sys.exit(1)
-        from ntc.composer.main import compose_project
-        if args.path:
-            compose_project(args.project_name, args.path)
-        else:
-            compose_project(args.project_name)
+        print_info("`ntc compose` is now part of `ntc init`: pick several apps (Space ticks them) and they're "
+                   "created together as a workspace, with an ntc.toml for `ntc start`.")
+        sys.exit(2)
     elif args.command == "start":
-        # Start services from ntc.yml configuration
-        from ntc.composer.main import start_services
-        if args.path:
-            start_services(args.path)
-        else:
-            start_services()
+        from ntc.workspace.start import run as run_start
+        sys.exit(0 if run_start(args.apps, plain=args.plain) else 1)
+    elif args.command == "setup":
+        from ntc.workspace.setup import run as run_setup
+        sys.exit(0 if run_setup(args.apps) else 1)
+    elif args.command == "clean":
+        from ntc.workspace.clean import run as run_clean
+        sys.exit(0 if run_clean(args.apps, deep=args.deep, assume_yes=args.yes, dry_run=args.dry_run) else 1)
+    elif args.command == "add":
+        from ntc.workspace.create import run_add
+        env_choice = {"existing": "active"}.get(args.env, args.env)
+        sys.exit(0 if run_add(args.apps, name=args.name, with_auth=args.with_auth, env_choice=env_choice,
+                              install=args.install, assume_yes=args.yes) else 1)
     elif args.command == "doctor":
         run_doctor()
     elif args.command == "tui":
@@ -412,6 +446,7 @@ Examples:
         print(f"\n  {Fore.LIGHTBLACK_EX}Quick Start:{Style.RESET_ALL}")
         print(f"  {Fore.WHITE}ntc tui{Style.RESET_ALL}               {Fore.LIGHTBLACK_EX}interactive terminal UI{Style.RESET_ALL}")
         print(f"  {Fore.WHITE}ntc init{Style.RESET_ALL}              {Fore.LIGHTBLACK_EX}interactive setup{Style.RESET_ALL}")
+        print(f"  {Fore.WHITE}ntc start{Style.RESET_ALL}             {Fore.LIGHTBLACK_EX}run a workspace's apps{Style.RESET_ALL}")
         print(f"  {Fore.WHITE}ntc init -t django{Style.RESET_ALL}    {Fore.LIGHTBLACK_EX}Django project{Style.RESET_ALL}")
         print(f"  {Fore.WHITE}ntc doctor{Style.RESET_ALL}            {Fore.LIGHTBLACK_EX}check setup{Style.RESET_ALL}")
         print()

{ntc_dev_kit-1.2.1 → ntc_dev_kit-1.3.1}/ntc/templates/drf_structure/main.py

@@ -373,6 +373,18 @@ def _render_project(project_root, project_name, original_name, with_auth):
     return True
 
 
+def write_env_file(project_root, project_name, original_name=None):
+    """Write the project's .env (development defaults, a new SECRET_KEY). It's gitignored, so a
+    fresh clone has none; `ntc setup` uses this to recreate it."""
+    structure_file = os.path.join(os.path.dirname(__file__), "structure.json")
+    with open(structure_file, "r", encoding="utf-8") as f:
+        template = json.load(f)[".env"]["template"]
+    variables = {"project_name": project_name, "original_name": original_name or project_name,
+                 "secret_key": secrets.token_urlsafe(50)}
+    with open(os.path.join(project_root, ".env"), "w", encoding="utf-8") as f:
+        f.write(get_template_content(template, variables))
+
+
 def init_drf_project(base_path, project_name, with_auth=False, env_choice=None):
     """Create a DRF project in base_path/<sanitized name> and set up its environment.
 

{ntc_dev_kit-1.2.1 → ntc_dev_kit-1.3.1}/ntc/templates/nextjs/.env.example

@@ -8,3 +8,9 @@ NEXT_PUBLIC_SITE_URL=http://localhost:3000
 # SEO Configuration
 NEXT_PUBLIC_SITE_DESCRIPTION=A modern website built with Next.js
 NEXT_PUBLIC_SITE_KEYWORDS=nextjs,react,typescript
+
+# Search engines: true on staging/preview copies (robots.txt then disallows everything)
+NEXT_PUBLIC_NOINDEX=false
+# Search console verification codes (leave empty to add no tag)
+NEXT_PUBLIC_GOOGLE_SITE_VERIFICATION=
+NEXT_PUBLIC_BING_SITE_VERIFICATION=

ntc_dev_kit-1.3.1/ntc/templates/nextjs/public/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><rect width="64" height="64" rx="14" fill="#0f172a"/><path d="M20 44V20h6l12 15V20h6v24h-6L26 29v15z" fill="#fff"/></svg>

ntc_dev_kit-1.3.1/ntc/templates/nextjs/src/app/about/page.tsx

@@ -0,0 +1,19 @@
+import type { Metadata } from 'next'
+import { SITE_NAME } from '@/utils/constants'
+
+export const metadata: Metadata = {
+  title: 'About',
+  description: `About ${SITE_NAME}.`,
+  alternates: { canonical: '/about' },
+}
+
+export default function About() {
+  return (
+    <section className="page">
+      <div className="container prose">
+        <h1>About {SITE_NAME}</h1>
+        <p>Tell visitors who you are, what you do and why it matters.</p>
+      </div>
+    </section>
+  )
+}

ntc_dev_kit-1.3.1/ntc/templates/nextjs/src/app/contact/page.tsx

@@ -0,0 +1,21 @@
+import type { Metadata } from 'next'
+import { SITE_NAME } from '@/utils/constants'
+
+export const metadata: Metadata = {
+  title: 'Contact',
+  description: `Get in touch with ${SITE_NAME}.`,
+  alternates: { canonical: '/contact' },
+}
+
+export default function Contact() {
+  return (
+    <section className="page">
+      <div className="container prose">
+        <h1>Contact</h1>
+        <p>
+          Email us at <a href="mailto:hello@example.com">hello@example.com</a> and we&apos;ll get back to you.
+        </p>
+      </div>
+    </section>
+  )
+}

ntc_dev_kit-1.3.1/ntc/templates/nextjs/src/app/error.tsx

@@ -0,0 +1,20 @@
+'use client'
+
+import { useEffect } from 'react'
+
+// Shown when a page throws while rendering. The header and footer (the layout) stay.
+export default function Error({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useEffect(() => {
+    console.error(error)
+  }, [error])
+
+  return (
+    <section className="page">
+      <div className="container prose">
+        <h1>Something went wrong</h1>
+        <p>Please try again. If it keeps happening, let us know.</p>
+        <p><button className="button" onClick={() => reset()}>Try again</button></p>
+      </div>
+    </section>
+  )
+}

ntc_dev_kit-1.3.1/ntc/templates/nextjs/src/app/globals.css

@@ -0,0 +1,198 @@
+/* Base styles sit in the base layer, so utility classes (e.g. Tailwind's, if added) override them
+   instead of losing to unlayered CSS. */
+@layer base {
+  :root {
+    --text: #0f172a;
+    --muted: #475569;
+    --background: #ffffff;
+    --surface: #f8fafc;
+    --border: #e2e8f0;
+    --accent: #0f172a;
+    --accent-text: #ffffff;
+  }
+
+  * {
+    box-sizing: border-box;
+    padding: 0;
+    margin: 0;
+  }
+
+  html,
+  body {
+    max-width: 100vw;
+    overflow-x: hidden;
+  }
+
+  body {
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    background: var(--background);
+    color: var(--text);
+    line-height: 1.6;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  main {
+    flex: 1;
+  }
+
+  a {
+    color: inherit;
+    text-decoration: none;
+  }
+
+  img {
+    max-width: 100%;
+    height: auto;
+  }
+}
+
+@layer components {
+  .container {
+    width: 100%;
+    max-width: 1120px;
+    margin: 0 auto;
+    padding: 0 1.25rem;
+  }
+
+  .skip-link {
+    position: absolute;
+    left: -9999px;
+  }
+
+  .skip-link:focus {
+    left: 1rem;
+    top: 1rem;
+    padding: 0.5rem 1rem;
+    background: var(--accent);
+    color: var(--accent-text);
+    z-index: 10;
+  }
+
+  .site-header {
+    border-bottom: 1px solid var(--border);
+  }
+
+  .nav {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 1rem;
+    min-height: 4rem;
+  }
+
+  .brand {
+    display: flex;
+    align-items: center;
+    gap: 0.6rem;
+    font-weight: 700;
+    font-size: 1.1rem;
+  }
+
+  .nav ul {
+    display: flex;
+    gap: 1.5rem;
+    list-style: none;
+  }
+
+  .nav ul a {
+    color: var(--muted);
+  }
+
+  .nav ul a:hover {
+    color: var(--text);
+  }
+
+  .hero {
+    padding: 6rem 0;
+    background: var(--surface);
+  }
+
+  .hero h1 {
+    font-size: clamp(2.25rem, 6vw, 3.5rem);
+    line-height: 1.1;
+  }
+
+  .lead {
+    margin-top: 1rem;
+    max-width: 40rem;
+    font-size: 1.2rem;
+    color: var(--muted);
+  }
+
+  .actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.75rem;
+    margin-top: 2rem;
+  }
+
+  .button {
+    display: inline-block;
+    padding: 0.7rem 1.3rem;
+    border: 1px solid var(--accent);
+    border-radius: 0.5rem;
+    background: var(--accent);
+    color: var(--accent-text);
+    font: inherit;
+    font-weight: 600;
+    cursor: pointer;
+  }
+
+  .button-secondary {
+    background: transparent;
+    color: var(--accent);
+  }
+
+  .page {
+    padding: 4rem 0;
+  }
+
+  .prose h1 {
+    font-size: 2.25rem;
+    line-height: 1.2;
+    margin-bottom: 1rem;
+  }
+
+  .prose p + p {
+    margin-top: 1rem;
+  }
+
+  .prose a:not(.button) {
+    text-decoration: underline;
+  }
+
+  .spinner {
+    width: 2rem;
+    height: 2rem;
+    border: 3px solid var(--border);
+    border-top-color: var(--accent);
+    border-radius: 50%;
+    animation: spin 0.8s linear infinite;
+  }
+
+  .site-footer {
+    padding: 2rem 0;
+    border-top: 1px solid var(--border);
+    color: var(--muted);
+    font-size: 0.9rem;
+  }
+
+  @media (max-width: 640px) {
+    .nav ul {
+      gap: 1rem;
+    }
+
+    .hero {
+      padding: 4rem 0;
+    }
+  }
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}

ntc_dev_kit-1.3.1/ntc/templates/nextjs/src/app/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="#0f172a"/><path d="M20 44V20h6l12 15V20h6v24h-6L26 29v15z" fill="#fff"/></svg>