Dynamic data pretending to be static

[oliverjam]

solent-mind/pages/courses/[name].js

Lines 5 to 13 in 986c608

	export async function getStaticProps({ params }) {
	const { data, error } = await supabase.from('classes').select('name');
	return {
	props: {
	data,
	},
	};
	}

Be careful about telling Next.js that a page is static. This means its data/props will only ever update when you deploy your app.

In this case you're fetching information from your Supabase database (Postgres), which could be updated at any time. E.g. if someone logs in to your Supabase admin and adds a new class. Your page would then have old out-of-date props until your next deploy.

When you have dynamic data like this it's safer to use getServerSideProps, since then Next.js will fetch the data fresh on every page load.