.env.develoment
+ .env.development
npm run dev
- Similarly, variables in .env.develoment won't be available
+ Similarly, variables in .env.development won't be available
if the app is running on production:
diff --git a/examples/with-algolia-react-instantsearch/README.md b/examples/with-algolia-react-instantsearch/README.md
index 254783eb6be7..8f8c29c24cbf 100644
--- a/examples/with-algolia-react-instantsearch/README.md
+++ b/examples/with-algolia-react-instantsearch/README.md
@@ -1,6 +1,6 @@
# With Algolia React InstantSearch example
-The goal of this example is to illustrate how you can use [Algolia React InstantSearch](https://community.algolia.com/react-instantsearch/) to perform your search with a Server-rendered application developed with Next.js. It also illustrates how you can keep in sync the Url with the search.
+The goal of this example is to illustrate how you can use [Algolia React InstantSearch](https://community.algolia.com/react-instantsearch/) to perform your search in an application developed with Next.js. It also illustrates how you can keep in sync the Url with the search.
## How to use
diff --git a/examples/with-apollo/components/Submit.js b/examples/with-apollo/components/Submit.js
index a276050ad516..8aa1d13265fc 100644
--- a/examples/with-apollo/components/Submit.js
+++ b/examples/with-apollo/components/Submit.js
@@ -1,5 +1,4 @@
import { gql, useMutation } from '@apollo/client'
-import { ALL_POSTS_QUERY, allPostsQueryVars } from './PostList'
const CREATE_POST_MUTATION = gql`
mutation createPost($title: String!, $url: String!) {
@@ -26,19 +25,22 @@ export default function Submit() {
createPost({
variables: { title, url },
- update: (proxy, { data: { createPost } }) => {
- const data = proxy.readQuery({
- query: ALL_POSTS_QUERY,
- variables: allPostsQueryVars,
- })
- // Update the cache with the new post at the top of the list
- proxy.writeQuery({
- query: ALL_POSTS_QUERY,
- data: {
- ...data,
- allPosts: [createPost, ...data.allPosts],
+ update: (cache, { data: { createPost } }) => {
+ cache.modify({
+ fields: {
+ allPosts(existingPosts = []) {
+ const newPostRef = cache.writeFragment({
+ data: createPost,
+ fragment: gql`
+ fragment NewPost on allPosts {
+ id
+ type
+ }
+ `,
+ })
+ return [newPostRef, ...existingPosts]
+ },
},
- variables: allPostsQueryVars,
})
},
})
diff --git a/examples/with-firebase/context/userContext.js b/examples/with-firebase/context/userContext.js
index e262156d2e34..6b1a010cebef 100644
--- a/examples/with-firebase/context/userContext.js
+++ b/examples/with-firebase/context/userContext.js
@@ -36,5 +36,5 @@ export default function UserContextComp({ children }) {
)
}
-// Custom hook that shorhands the context!
+// Custom hook that shorthands the context!
export const useUser = () => useContext(UserContext)
diff --git a/examples/with-google-analytics-amp/pages/_document.js b/examples/with-google-analytics-amp/pages/_document.js
index daf9b598655b..0f8dc4abb0c4 100644
--- a/examples/with-google-analytics-amp/pages/_document.js
+++ b/examples/with-google-analytics-amp/pages/_document.js
@@ -1,4 +1,4 @@
-import Document, { Html, Main, NextScript } from 'next/document'
+import Document, { Html, Head, Main, NextScript } from 'next/document'
import { useAmp } from 'next/amp'
import { GA_TRACKING_ID } from '../lib/gtag'
@@ -14,6 +14,7 @@ export default class MyDocument extends Document {
render() {
return (
+
+
+ )
+ }
+
return (
+ This example does not work in production, as MSW is not intended for + use in production. In a real-world app, your request will hit the + actual backend instead. +
+