get static props تجلب البيانات و get server side props أيضا تجلب اليانات واستخدامهما تقريبا متماثل
function Page({ data }) {
// Render data...
}
// This gets called on every request
export async function getServerSideProps() {
// Fetch data from external API
const res = await fetch(`https://.../data`)
const data = await res.json()
// Pass data to the page via props
return { props: { data } }
}
export default Page
ولكن ما الفرق بينهما وكيف لي معرفة أي واحدة أستخدم وفي أي وق
get static props تجلب البيانات و get server side props أيضا تجلب اليانات واستخدامهما تقريبا متماثل
function Page({ data }) {
// Render data...
}
// This gets called on every request
export async function getServerSideProps() {
// Fetch data from external API
const res = await fetch(`https://.../data`)
const data = await res.json()
// Pass data to the page via props
return { props: { data } }
}
export default Page
ولكن ما الفرق بينهما وكيف لي معرفة أي واحدة أستخدم وفي أي وق