CommunityRule/community-rule
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Organize app using Next.js route groups

Browse Source
This commit is contained in:
adilallo
2026-02-06 21:59:43 -07:00
parent aa7364769e
commit 51990ca149
11 changed files with 28 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/monitor/page.tsx → app/(admin)/monitor/page.tsx
View File
app/components-preview/page.tsx → app/(dev)/components-preview/page.tsx
+1 -1
View File
@@ -5,7 +5,7 @@ import RuleCard from "../components/cards/RuleCard";
import Chip from "../components/controls/Chip";
import MultiSelect from "../components/controls/MultiSelect";
import Image from "next/image";
import { getAssetPath } from "../../lib/assetUtils";
import { getAssetPath } from "../../../lib/assetUtils";
interface ChipData {
id: string;
app/blog/[slug]/page.tsx → app/(marketing)/blog/[slug]/page.tsx
+6 -6
View File
@@ -5,16 +5,16 @@ import {
getBlogPostBySlug,
getAllBlogPosts as getAllPosts,
type BlogPost,
} from "../../../lib/content";
import { logger } from "../../../lib/logger";
import ContentBanner from "../../components/sections/ContentBanner";
import AskOrganizer from "../../components/sections/AskOrganizer";
import { getAssetPath, ASSETS } from "../../../lib/assetUtils";
} from "../../../../lib/content";
import { logger } from "../../../../lib/logger";
import ContentBanner from "../../../components/sections/ContentBanner";
import AskOrganizer from "../../../components/sections/AskOrganizer";
import { getAssetPath, ASSETS } from "../../../../lib/assetUtils";
import "../blog.css";
// Code split RelatedArticles - blog-specific, below the fold
const RelatedArticles = dynamic(
() => import("../../components/sections/RelatedArticles"),
() => import("../../../components/sections/RelatedArticles"),
{
loading: () => (
<section className="py-[var(--spacing-scale-032)] min-h-[400px]" />
app/blog/blog.css → app/(marketing)/blog/blog.css
View File
app/blog/page.tsx → app/(marketing)/blog/page.tsx
+2 -2
View File
@@ -1,5 +1,5 @@
import { getAllBlogPosts } from "../../lib/content";
import ContentThumbnailTemplate from "../components/content/ContentThumbnailTemplate";
import { getAllBlogPosts } from "../../../lib/content";
import ContentThumbnailTemplate from "../../../components/content/ContentThumbnailTemplate";
import type { Metadata } from "next";
export const metadata: Metadata = {
app/learn/page.tsx → app/(marketing)/learn/page.tsx
+6 -6
View File
@@ -1,9 +1,9 @@
import messages from "../../messages/en/index";
import { getTranslation } from "../../lib/i18n/getTranslation";
import ContentThumbnailTemplate from "../components/content/ContentThumbnailTemplate";
import ContentLockup from "../components/type/ContentLockup";
import AskOrganizer from "../components/sections/AskOrganizer";
import { getAllBlogPosts } from "../../lib/content";
import messages from "../../../messages/en/index";
import { getTranslation } from "../../../lib/i18n/getTranslation";
import ContentThumbnailTemplate from "../../../components/content/ContentThumbnailTemplate";
import ContentLockup from "../../../components/type/ContentLockup";
import AskOrganizer from "../../../components/sections/AskOrganizer";
import { getAllBlogPosts } from "../../../lib/content";
export default function LearnPage() {
// Get real blog posts from the content system
app/page.tsx → app/(marketing)/page.tsx
+9 -9
View File
@@ -1,39 +1,39 @@
import dynamic from "next/dynamic";
import messages from "../messages/en/index";
import { getTranslation } from "../lib/i18n/getTranslation";
import HeroBanner from "./components/sections/HeroBanner";
import AskOrganizer from "./components/sections/AskOrganizer";
import messages from "../../messages/en/index";
import { getTranslation } from "../../lib/i18n/getTranslation";
import HeroBanner from "../components/sections/HeroBanner";
import AskOrganizer from "../components/sections/AskOrganizer";
// Code split below-the-fold components to reduce initial bundle size
const LogoWall = dynamic(() => import("./components/sections/LogoWall"), {
const LogoWall = dynamic(() => import("../components/sections/LogoWall"), {
loading: () => (
<section className="py-[var(--spacing-scale-032)] min-h-[200px]" />
),
ssr: true,
});
const NumberedCards = dynamic(() => import("./components/sections/NumberedCards"), {
const NumberedCards = dynamic(() => import("../components/sections/NumberedCards"), {
loading: () => (
<section className="py-[var(--spacing-scale-032)] min-h-[300px]" />
),
ssr: true,
});
const RuleStack = dynamic(() => import("./components/sections/RuleStack"), {
const RuleStack = dynamic(() => import("../components/sections/RuleStack"), {
loading: () => (
<section className="py-[var(--spacing-scale-032)] min-h-[400px]" />
),
ssr: true,
});
const FeatureGrid = dynamic(() => import("./components/sections/FeatureGrid"), {
const FeatureGrid = dynamic(() => import("../components/sections/FeatureGrid"), {
loading: () => (
<section className="py-[var(--spacing-scale-032)] min-h-[500px]" />
),
ssr: true,
});
const QuoteBlock = dynamic(() => import("./components/sections/QuoteBlock"), {
const QuoteBlock = dynamic(() => import("../components/sections/QuoteBlock"), {
loading: () => (
<section className="py-[var(--spacing-scale-032)] min-h-[300px]" />
),