This repository was archived by the owner on Jan 28, 2025. It is now read-only.
Incremental static regeneration #1028
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,54 @@ | ||
| describe("ISR Tests", () => { | ||
| before(() => { | ||
| cy.ensureAllRoutesNotErrored(); | ||
| }); | ||
|
|
||
| // We don't want this test to retry as the cache will not be expired between | ||
| // runs | ||
| describe("SSG page", { retries: 0 }, () => { | ||
| [ | ||
| "/revalidated-ssg-page", | ||
| // Pre-rendered ISR page | ||
| "/revalidated-ssg-pages/101", | ||
| // Blocking dynamic generated page | ||
| "/revalidated-ssg-pages/105" | ||
| ].forEach((path) => { | ||
| it(`serves the cached re-rendered page "${path}" after 2 reloads`, () => { | ||
| // The initial load will have expired in the cache | ||
| cy.ensureRouteNotCached(path); | ||
| cy.visit(path); | ||
| cy.location("pathname").should("eq", path); | ||
|
|
||
| cy.get("[data-cy=date-text]") | ||
| .invoke("text") | ||
| .then((text1) => { | ||
| // When we reload again the page still should not be cached as this | ||
| // should be the first time its being served from the origin | ||
| cy.ensureRouteNotCached(path); | ||
| cy.reload(); | ||
| cy.get("[data-cy=date-text]") | ||
| .invoke("text") | ||
| .then((text2) => { | ||
| // Check that the date text has changed since the initial page | ||
| // load | ||
| expect(text1).not.to.be.eq(text2); | ||
| // The new date should be greater than the original | ||
| expect(new Date(text2).getTime()).to.be.greaterThan( | ||
| new Date(text1).getTime() | ||
| ); | ||
| // Make sure the next load is cached | ||
| cy.ensureRouteCached(path); | ||
| // Be sure that the regeneration has run and uploaded the file | ||
| cy.wait(2000); | ||
| cy.reload(); | ||
| }); | ||
| }); | ||
|
|
||
| // Wait for the cache to expire after the 10s | ||
| cy.wait(8000); | ||
| cy.ensureRouteNotCached(path); | ||
| cy.reload(); | ||
| }); | ||
| }); | ||
| }); | ||
| }); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,27 @@ | ||
| import React from "react"; | ||
| import { GetStaticPropsResult } from "next"; | ||
|
|
||
| type SSGPageProps = { | ||
| date: string; | ||
| }; | ||
|
|
||
| export default function RevalidatedSSGPage(props: SSGPageProps): JSX.Element { | ||
| return ( | ||
| <React.Fragment> | ||
| <div> | ||
| <p data-cy="date-text">{props.date}</p> | ||
| </div> | ||
| </React.Fragment> | ||
| ); | ||
| } | ||
|
|
||
| export async function getStaticProps(): Promise< | ||
| GetStaticPropsResult<SSGPageProps> | ||
| > { | ||
| return { | ||
| revalidate: 10, | ||
| props: { | ||
| date: new Date().toJSON() | ||
| } | ||
| }; | ||
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,62 @@ | ||
| import React from "react"; | ||
| import { | ||
| GetStaticPaths, | ||
| GetStaticPropsContext, | ||
| GetStaticPropsResult | ||
| } from "next"; | ||
|
|
||
| const sampleUserData = [ | ||
| { id: 101, name: "Alice" }, | ||
| { id: 102, name: "Bob" }, | ||
| { id: 103, name: "Caroline" }, | ||
| { id: 104, name: "Dave" } | ||
| ]; | ||
|
|
||
| const newUser = { id: 105, name: "Henry" }; | ||
|
|
||
| type SSGPageProps = { | ||
| date: string; | ||
| user?: typeof sampleUserData[number]; | ||
| }; | ||
|
|
||
| export default function RevalidatedSSGPage(props: SSGPageProps): JSX.Element { | ||
| return ( | ||
| <React.Fragment> | ||
| <div> | ||
| <p data-cy="date-text">{props.date}</p> | ||
| <p data-cy="user-id-text">{props.user?.id ?? "No user found"}</p> | ||
| </div> | ||
| </React.Fragment> | ||
| ); | ||
| } | ||
|
|
||
| export const getStaticPaths: GetStaticPaths = async () => { | ||
| // To simulate new data becoming available in a data source we only make the | ||
| // `newUser` available when rendering on AWS, rather than at build time. | ||
| const runningOnAws = !!process.env.AWS_LAMBDA_FUNCTION_NAME; | ||
| const paths = sampleUserData.map((user) => ({ | ||
| params: { id: user.id.toString() } | ||
| })); | ||
|
|
||
| if (runningOnAws) { | ||
| paths.push({ params: { id: newUser.id.toString() } }); | ||
| } | ||
|
|
||
| return { paths, fallback: "blocking" }; | ||
| }; | ||
|
|
||
| export async function getStaticProps( | ||
| context: GetStaticPropsContext<{ id: string }> | ||
| ): Promise<GetStaticPropsResult<SSGPageProps>> { | ||
| const users = [...sampleUserData, newUser]; | ||
| const user = users.find( | ||
| ({ id }) => context.params?.id.toString() === id.toString() | ||
| ); | ||
| return { | ||
| revalidate: 10, | ||
| props: { | ||
| date: new Date().toJSON(), | ||
| user | ||
| } | ||
| }; | ||
| } |
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.