Theo's Typesafe Cult•4mo ago

Route not revalidating even when forced

I am using Nextjs App Router all the other routes are working fine, they load the updated data when changed from database. I am making a word game. On the Home Page a random selection is to be made. But it never updates, looks like the server time also not changes which means the server is not rerendering. I am usign Netlify for hosting (hope that's not the issue). - It also works perfectly fine in Local Environment

import { db } from '~/db/db';
import { Metadata } from 'next';
import WordGame from '~/components/pages/main/WordGame';
import Others from './OtherLinks';

export const dynamic = 'force-dynamic';

const get_rand_num = (a: number, b: number) => {
  return Math.trunc(Math.random() * (b - a + 1)) + a;
};

export default async function Home() {
  const currentTime = new Date();
  const list = await db.query.word_puzzles.findMany({
    columns: {
      id: true
    },
    limit: 10,
    orderBy: ({ created_at }, { desc }) => desc(created_at)
  });

  const randomIndex = get_rand_num(0, list.length - 1);
  const word_puzzle = (await db.query.word_puzzles.findFirst({
    where: ({ id }, { eq }) => eq(id, list[randomIndex].id)
  }))!;

  return (
    <>
      <main className="flex flex-1 items-center justify-center p-4">
        <div className="mt-6 sm:mt-10">
          <div className="flex flex-col items-end justify-end">
            <Others />
          </div>
          <div className="flex flex-col items-center">
            <span className="text-xl font-bold">{word_puzzle.title}</span>
          </div>
          <div>Random Selection: {randomIndex}</div>
          <div>Curent Server Time : {currentTime.toLocaleString()}</div>
          <WordGame
            grid_data={word_puzzle.grid_data}
            dims={[6, 6]}
            word_list={word_puzzle.word_list}
          />
        </div>
      </main>
    </>
  );
}

export const metadata: Metadata = {
  title: 'पदावली'
};

import { db } from '~/db/db';
import { Metadata } from 'next';
import WordGame from '~/components/pages/main/WordGame';
import Others from './OtherLinks';

export const dynamic = 'force-dynamic';

const get_rand_num = (a: number, b: number) => {
  return Math.trunc(Math.random() * (b - a + 1)) + a;
};

export default async function Home() {
  const currentTime = new Date();
  const list = await db.query.word_puzzles.findMany({
    columns: {
      id: true
    },
    limit: 10,
    orderBy: ({ created_at }, { desc }) => desc(created_at)
  });

  const randomIndex = get_rand_num(0, list.length - 1);
  const word_puzzle = (await db.query.word_puzzles.findFirst({
    where: ({ id }, { eq }) => eq(id, list[randomIndex].id)
  }))!;

  return (
    <>
      <main className="flex flex-1 items-center justify-center p-4">
        <div className="mt-6 sm:mt-10">
          <div className="flex flex-col items-end justify-end">
            <Others />
          </div>
          <div className="flex flex-col items-center">
            <span className="text-xl font-bold">{word_puzzle.title}</span>
          </div>
          <div>Random Selection: {randomIndex}</div>
          <div>Curent Server Time : {currentTime.toLocaleString()}</div>
          <WordGame
            grid_data={word_puzzle.grid_data}
            dims={[6, 6]}
            word_list={word_puzzle.word_list}
          />
        </div>
      </main>
    </>
  );
}

export const metadata: Metadata = {
  title: 'पदावली'
};

1 Reply

shubhattinOP•4mo ago

Gaming

Programming

Route not revalidating even when forced

Did you find this page helpful?