From ec8239afa5b01e78be277b614351e95181c39d17 Mon Sep 17 00:00:00 2001 From: Carlos Pavanetti Date: Thu, 12 Mar 2020 22:56:20 -0300 Subject: [PATCH 1/2] Replace getInitialProps by getServerSideProps --- examples/ssr-caching/pages/blog.js | 28 +++++++++++++--------------- 1 file changed, 13 insertions(+), 15 deletions(-) diff --git a/examples/ssr-caching/pages/blog.js b/examples/ssr-caching/pages/blog.js index f70cd07a6316662..a02bd06c705bcb6 100644 --- a/examples/ssr-caching/pages/blog.js +++ b/examples/ssr-caching/pages/blog.js @@ -1,19 +1,17 @@ import React from 'react' -export default class extends React.Component { - static getInitialProps({ query: { id } }) { - return { id } - } +export default function(props) { + return ( +
+

My {props.id} blog post

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. +

+
+ ) +} - render() { - return ( -
-

My {this.props.id} blog post

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do - eiusmod tempor incididunt ut labore et dolore magna aliqua. -

-
- ) - } +export async function getServerSideProps({ query: { id } }) { + return { props: { id } } } From abac32550b1f2b27ddbc3dadca0488c2f4395c90 Mon Sep 17 00:00:00 2001 From: Carlos Prado Date: Fri, 13 Mar 2020 19:48:58 -0300 Subject: [PATCH 2/2] Replace getServerSideProps getStaticProps --- .../ssr-caching/pages/{blog.js => blog/[id].js} | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) rename examples/ssr-caching/pages/{blog.js => blog/[id].js} (55%) diff --git a/examples/ssr-caching/pages/blog.js b/examples/ssr-caching/pages/blog/[id].js similarity index 55% rename from examples/ssr-caching/pages/blog.js rename to examples/ssr-caching/pages/blog/[id].js index a02bd06c705bcb6..44606a200e1304d 100644 --- a/examples/ssr-caching/pages/blog.js +++ b/examples/ssr-caching/pages/blog/[id].js @@ -12,6 +12,17 @@ export default function(props) { ) } -export async function getServerSideProps({ query: { id } }) { +export async function getStaticProps({ params: { id } }) { return { props: { id } } } + +export async function getStaticPaths() { + return { + paths: [ + { params: { id: 'first' } }, + { params: { id: 'second' } }, + { params: { id: 'last' } }, + ], + fallback: true, + } +}