Comments (6)
You should only wrap the page components. You don't have to touch _app.js.
from next-apollo.
Sorry, I made a mistake by only wrapping the _app.js with withData instead of each page component. If the page component is wrapped also with the HOC the expected result is given.
from next-apollo.
@albsa ah yeah I should definitely make that more clear in the docs that the HOC is meant to be used on pages only. Thanks for the feedback.
from next-apollo.
@adamsoffer that would be great and more clear! However, still is something not clear for me, do we need to do something with _app.js?
Because now _app.js is wrapped with ApolloProvider
import React from 'react'
import App from 'next/app'
import { ApolloProvider } from '@apollo/react-hooks';
import withData from '../lib/apollo-config';
....
class MyApp extends App {
render () {
const { Component, pageProps, apolloClient } = this.props
return (
<ApolloProvider client={apolloClient}>
<LayoutWrapper>
<Component {...pageProps} />
</LayoutWrapper>
</ApolloProvider>
)
}
}
export default withData(MyApp);
Or should we only wrap the page components and do nothing with the _app.js?
from next-apollo.
@adamsoffer clear, thanks for the quick answers and enjoy your weekend!!
from next-apollo.
hey @adamsoffer here I am again.
Got a confusing thing here.
I am using the catch all route to render certain components depending on the outcome of the graphql data.
However, it seems that the components are not rendering server side, and also nog the catch-all page component.
For example.
I have this [...path].js file in my pages folder.
This file is matched to routes of no specific folder or file exists for it in the pages folder.
So if [...patch].js is reached, the graphql call will check wether the URL path is a product type, category type of static page.
Based on that it will fetch the data from Magento 2 for example.
Therefore it will render the category, product or page component.
However, this is not rendering on the server side, but only client side.
Als in my menu component, I render the menu items based on the category items that are fetched by graphql from Magento 2, also this is not a page component so the withData has no effect here, the menu is rendering on the client side only.
Hopefully you understand what I mean.
Do you know what solution would fit here to realize the server side rendering?
from next-apollo.
Related Issues (20)
- Breaking Change with Nextjs 11 HOT 1
- Breaking: v5.0.5 lacks `dist` folder HOT 2
- With Apollo works only on a few pages
- Outdated next.js peer dependency HOT 1
- Is there a way to access the apollo client aside from just exporting it?
- Could not resolve dependency for [email protected] HOT 2
- Could not resolve dependency for next@"^12.0.10" HOT 2
- Detected multiple renderers concurrently rendering the same context provider HOT 3
- next-apollo is not working with [email protected] and graphql@16+ and @apollo/[email protected]
- Fetching data on client side after routing HOT 3
- Error while running `getDataFromTree` TypeError: Object(...) is not a function HOT 2
- How to Implement Token Refresh? (cookies) HOT 1
- Hydratation bug with first render HOT 9
- Question: is it possible to use with getStaticProps()? HOT 16
- Question: Testing with next-apollo
- Is it possible to switch getInitialProps to getServerSideProps? HOT 3
- Could not find "client" in the context or passed in as an option HOT 3
- Multiple queries at the same page HOT 1
- Consider exporting some types?
- Question: Is it possible to forward cookies to the graphql server?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from next-apollo.