feat(cli): have a fully functional app on init

Author: psincraian

packages/myfy-frontend/myfy/frontend/scaffold.py

@@ -54,7 +54,7 @@ def scaffold_frontend(  # noqa: PLR0915
     project_root = Path.cwd()
 
     # Copy configuration files to project root
-    config_files = ["package.json", "vite.config.js", ".gitignore"]
+    config_files = ["package.json", "vite.config.js", ".gitignore", "app.py"]
     for file_name in config_files:
         src = stubs_path_resolved / file_name
         dest = project_root / file_name

packages/myfy-frontend/stubs/app.py

@@ -0,0 +1,37 @@
+"""
+Basic myfy app with frontend module.
+
+This example demonstrates:
+- Server-side rendering with Jinja2
+- DaisyUI 5 components
+- Tailwind 4 styling
+"""
+
+from starlette.requests import Request
+from starlette.templating import Jinja2Templates
+
+from myfy.core import Application
+from myfy.frontend import FrontendModule, render_template
+from myfy.web import WebModule, route
+
+
+@route.get("/")
+async def home(request: Request, templates: Jinja2Templates):
+    """Home page."""
+    return render_template(
+        "home.html",
+        request=request,
+        templates=templates,
+        title="Welcome to myfy",
+    )
+
+
+# Create application
+app = Application(auto_discover=False)
+app.add_module(WebModule())
+app.add_module(FrontendModule())
+
+if __name__ == "__main__":
+    import asyncio
+
+    asyncio.run(app.run())

packages/myfy-frontend/stubs/frontend/templates/home.html

@@ -0,0 +1,39 @@
+{% extends "base.html" %}
+
+{% block title %}{{ title }}{% endblock %}
+
+{% block content %}
+<div class="min-h-screen flex items-center justify-center bg-base-200">
+  <div class="text-center">
+    <h1 class="text-5xl font-bold mb-4">
+      Welcome to <span class="text-primary">myfy</span>
+    </h1>
+    <p class="text-xl mb-8">
+      Your frontend is ready with Tailwind 4 and DaisyUI 5
+    </p>
+
+    <div class="flex gap-4 justify-center">
+      <button class="btn btn-primary">Get Started</button>
+      <button class="btn btn-outline">Learn More</button>
+    </div>
+
+    <div class="mt-12 p-6 bg-base-100 rounded-lg shadow-lg max-w-2xl">
+      <h2 class="text-2xl font-semibold mb-4">Next Steps</h2>
+      <div class="text-left space-y-2">
+        <p class="flex items-start gap-2">
+          <span class="text-primary">✓</span>
+          <span>Edit <code class="text-sm bg-base-200 px-2 py-1 rounded">frontend/templates/home.html</code> to customize this page</span>
+        </p>
+        <p class="flex items-start gap-2">
+          <span class="text-primary">✓</span>
+          <span>Add routes in <code class="text-sm bg-base-200 px-2 py-1 rounded">app.py</code></span>
+        </p>
+        <p class="flex items-start gap-2">
+          <span class="text-primary">✓</span>
+          <span>Style with Tailwind classes and DaisyUI components</span>
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
+{% endblock %}