Fix Next.js 16 build: disable cacheComponents, add force-dynamic to all API routes and pages with server fetches

ui/app/api/agents/generate/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { API_CONFIG } from '@/config/api.config';
 
+export const dynamic = 'force-dynamic';
+
 export async function POST(request: Request) {
   const body = await request.json().catch(() => ({}));
 

ui/app/api/agents/rank/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { API_CONFIG } from '@/config/api.config';
 
+export const dynamic = 'force-dynamic';
+
 export async function POST(request: Request) {
   const body = await request.json().catch(() => ({}));
 

ui/app/api/agents/validate/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { API_CONFIG } from '@/config/api.config';
 
+export const dynamic = 'force-dynamic';
+
 export async function POST(request: Request) {
   const body = await request.json().catch(() => ({}));
 

ui/app/api/agents/workflow/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { API_CONFIG } from '@/config/api.config';
 
+export const dynamic = 'force-dynamic';
+
 function generateMockWorkflowResult(numCandidates: number) {
   const candidates = [];
   for (let i = 0; i < numCandidates; i++) {

ui/app/api/data/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { getStats } from '@/lib/api';
 
+export const dynamic = 'force-dynamic';
+
 export async function GET() {
   try {
     const data = await getStats();

ui/app/api/discovery/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { API_CONFIG } from '@/config/api.config';
 
+export const dynamic = 'force-dynamic';
+
 export async function POST(request: Request) {
   const body = await request.json();
   const {

ui/app/api/encode/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { API_CONFIG } from '@/config/api.config';
 
+export const dynamic = 'force-dynamic';
+
 export async function POST(request: Request) {
   try {
     const body = await request.json();

ui/app/api/explorer/embeddings/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { API_CONFIG } from '@/config/api.config';
 
+export const dynamic = 'force-dynamic';
+
 export async function GET(request: Request) {
   const url = new URL(request.url);
   const params = url.searchParams.toString();

ui/app/api/explorer/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { getExplorerPoints } from '@/lib/api';
 
+export const dynamic = 'force-dynamic';
+
 export async function GET(request: Request) {
   const { searchParams } = new URL(request.url);
 

ui/app/api/ingest/all/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { API_CONFIG } from '@/config/api.config';
 
+export const dynamic = 'force-dynamic';
+
 export async function POST(request: Request) {
   const body = await request.json().catch(() => ({}));
   try {

ui/app/api/ingest/batch/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { API_CONFIG } from '@/config/api.config';
 
+export const dynamic = 'force-dynamic';
+
 export async function POST(request: Request) {
   const body = await request.json().catch(() => ({}));
   try {

ui/app/api/ingest/chembl/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { API_CONFIG } from '@/config/api.config';
 
+export const dynamic = 'force-dynamic';
+
 export async function POST(request: Request) {
   const body = await request.json().catch(() => ({}));
   try {

ui/app/api/ingest/jobs/[id]/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { API_CONFIG } from '@/config/api.config';
 
+export const dynamic = 'force-dynamic';
+
 export async function GET(
   _request: Request,
   { params }: { params: Promise<{ id: string }> },

ui/app/api/ingest/pubmed/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { API_CONFIG } from '@/config/api.config';
 
+export const dynamic = 'force-dynamic';
+
 export async function POST(request: Request) {
   const body = await request.json().catch(() => ({}));
   try {

ui/app/api/ingest/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { API_CONFIG } from '@/config/api.config';
 
+export const dynamic = 'force-dynamic';
+
 export async function POST(request: Request) {
   try {
     const body = await request.json();

ui/app/api/ingest/uniprot/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { API_CONFIG } from '@/config/api.config';
 
+export const dynamic = 'force-dynamic';
+
 export async function POST(request: Request) {
   const body = await request.json().catch(() => ({}));
   try {

ui/app/api/molecules/[id]/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { getMolecule } from '@/lib/api';
 
+export const dynamic = 'force-dynamic';
+
 export async function GET(
   _request: Request,
   { params }: { params: Promise<{ id: string }> },

ui/app/api/molecules/[id]/sdf/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { API_CONFIG } from '@/config/api.config';
 
+export const dynamic = 'force-dynamic';
+
 // Mock PubChem CIDs for common molecules when backend is unavailable
 const MOCK_PUBCHEM_CIDS: Record<string, number> = {
   caffeine: 2519,

ui/app/api/molecules/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { getMolecules } from '@/lib/api';
 
+export const dynamic = 'force-dynamic';
+
 export async function GET() {
   try {
     const result = await getMolecules();

ui/app/api/predict/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { API_CONFIG } from '@/config/api.config';
 
+export const dynamic = 'force-dynamic';
+
 export async function POST(request: Request) {
   const body = await request.json().catch(() => ({}));
   try {

ui/app/api/proteins/[id]/pdb/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { API_CONFIG } from '@/config/api.config';
 
+export const dynamic = 'force-dynamic';
+
 export async function GET(
   _request: Request,
   { params }: { params: Promise<{ id: string }> },

ui/app/api/proteins/[id]/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { getProtein } from '@/lib/api';
 
+export const dynamic = 'force-dynamic';
+
 export async function GET(
   _request: Request,
   { params }: { params: Promise<{ id: string }> },

ui/app/api/proteins/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { getProteins } from '@/lib/api';
 
+export const dynamic = 'force-dynamic';
+
 export async function GET() {
   try {
     const result = await getProteins();

ui/app/api/search/hybrid/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { API_CONFIG } from '@/config/api.config';
 
+export const dynamic = 'force-dynamic';
+
 export async function POST(request: Request) {
   const body = await request.json().catch(() => ({}));
 

ui/app/api/search/route.ts

@@ -2,6 +2,8 @@ import { NextResponse } from 'next/server';
 
 import { API_CONFIG } from '@/config/api.config';
 
+export const dynamic = 'force-dynamic';
+
 export async function POST(request: Request) {
   const body = await request.json().catch(() => ({}));
 

ui/app/dashboard/data/page.tsx

@@ -6,6 +6,8 @@ import { getStats } from '@/lib/api';
 
 import { DataView } from './data-view';
 
+export const dynamic = 'force-dynamic';
+
 export default async function DataPage() {
   const { datasets, stats } = await getStats();
 

ui/app/dashboard/explorer/page.tsx

@@ -9,6 +9,8 @@ import { ExplorerChart } from './chart';
 import { ExplorerControls } from './components';
 import { ExplorerPredictions } from './predictions';
 
+export const dynamic = 'force-dynamic';
+
 interface ExplorerPageProps {
   searchParams: Promise<{ [key: string]: string | string[] | undefined }>;
 }

ui/app/data/page.tsx

@@ -6,6 +6,8 @@ import { getData } from "@/lib/data-service"
 
 import { DataView } from "./data-view"
 
+export const dynamic = 'force-dynamic';
+
 export default async function DataPage() {
     const { datasets, stats } = await getData()
 

ui/app/explorer/page.tsx

@@ -6,6 +6,8 @@ import { getExplorerPoints } from "@/lib/explorer-service"
 import { ExplorerChart } from "./chart"
 import { ExplorerControls } from "./components"
 
+export const dynamic = 'force-dynamic';
+
 interface ExplorerPageProps {
   searchParams: Promise<{ [key: string]: string | string[] | undefined }>
 }

ui/next.config.ts

@@ -5,7 +5,6 @@ const nextConfig: NextConfig = {
   poweredByHeader: false,
   productionBrowserSourceMaps: false,
   compress: true,
-  cacheComponents: true,
   turbopack: {},
   experimental: {
     turbopackFileSystemCacheForDev: true,