next.js
wp-graphql
next.js | wp-graphql | |
---|---|---|
20 | 53 | |
61,839 | 3,603 | |
- | 0.2% | |
9.9 | 9.7 | |
over 3 years ago | 2 days ago | |
JavaScript | PHP | |
MIT License | GNU General Public License v3.0 only |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
next.js
-
What is Server Side Rendering (SSR) and Static Site Generation (SSG)?
While it's technically possible to do things like compile React entirely out of an exported NextJS site, it's far from trivial and doesn't fit most usage very well. It's certainly a harder mental model at the very least.
-
I've different Next.js 13 projects with only this error, what is it and how can I fix it?
Disable all your chrome extensions. As recommended here https://github.com/zeit/next.js/issues/10246
-
Define a function inside useEffect or outside?
Link: https://github.com/zeit/next.js/blob/canary/examples/with-graphql-faunadb/lib/useFetch.js
- useEffect Error: Minified React error #321 (GTM implementation instead of google analitycs)
-
Next.js-express dynamic routing causes page reload
import React, { Component, Fragment } from 'react';import { withRouter } from 'next/router';import 'isomorphic-unfetch';class post extends Component { static async getInitialProps({ req }) { try { const res = await fetch(`http://localhost/api/posts/${req.params.postslug}`, { method: 'GET', // *GET, POST, PUT, DELETE, etc. mode: 'cors', // no-cors, cors, *same-origin }); const json = await res.json(); return { data: json.data }; } catch (err) { console.log('err'); } } render() { const { data } = this.props; return ( ); }}export default withRouter(post); I have already checked the next.js docs and it has this implementation which uses the node http module. I implemented this code on express by copying some parts from the documentation example. However it still seems to cause a page reload when i go to the article page using a .
-
React SSR, NextJS vs Chrome headless prerendering
next.js
- React NextJS app, installed webpack, then removed it: Error: Cannot find module 'webpack/lib/node/NodeOutputFileSystem'
-
HTTPS on localhost using NextJS + Express
NextJS: 8.0.3
-
How to use self-hosted fonts face using NextJS?
Read more one the github issue
-
Next.js (React) & ScrollMagic
import React from 'react';import PropTypes from 'prop-types';class VerticalSlider extends React.Component { constructor(props) { super(props); this.ScrollMagic = null; this.controller = null; this.scenes = []; this.container = React.createRef(); } componentDidMount() { if (this.container.current) { // Why "require" here? // https://github.com/zeit/next.js/issues/219#issuecomment-393939863 // We can't render the component server-side, but we will still render // the HTML // eslint-disable-next-line global-require this.ScrollMagic = require('scrollmagic'); this.initScroller(); } } componentWillUnmount() { this.scenes.forEach(scene => { scene.destroy(); }); this.controller.destroy(); this.scenes = []; this.controller = null; } initScroller() { try { this.controller = new this.ScrollMagic.Controller(); if (this.container.current !== null && this.container.current.children) { [...this.container.current.children].forEach(children => { const scene = new this.ScrollMagic.Scene({ triggerElement: children, duration: window.innerHeight * 1.5, triggerHook: 0, reverse: true }); scene.setPin(children); this.scenes.push(scene); }); this.controller.addScene(this.scenes); } } catch (e) { console.log(e); } } render() { return (
wp-graphql
-
Why Everyone Hates WordPress
Are you dead set on building a Nuxt + Vue application? Partial to NextJS like I am? Well good news everyone, WordPress has done a pretty decent job over the past couple of years building out the WordPress API and enabling developers to leverage WordPress as a Headless CMS. Pair that with the amazing WPGraphQL Pluginand you’re cooking with JavaScript. You get all the benefits of really solid backend CMS that end users are familiar with, and can grasp with a 1 hour CMS training, distributed using your favorite flavor of JavaScript.
-
Nuxt3, Wordpress and ACF Flexible content types
It's very easy to use when you use https://www.wpgraphql.com/ Here's an example of a repeatable component I set up using the repeater filled. It might help you.
-
redirect headless wordpress frontend without affecting API
I am using Headless Wordpress with https://www.wpgraphql.com/ for API hosted on SiteGround and Nextjs for frontend.
-
Looking for a plugin/codebase using which I can enter and save data which will then be available via the REST API
I think you might be looking for WPGraphQL
-
Why is does modern HTML/CSS seem so complex and convoluted? (details in comment)
- WPGraphQL
-
I made my own WordPress Plugin!
Look at other popular plugins to see what they do, and how that's different from what you did. For example browse a bit through https://github.com/wp-graphql/wp-graphql
-
How to fetch data from a GraphQL endpoint into a NextJS 13 server component using the native fetch() API
As you can see I'm getting all the posts from my Wordpress GraphQL endpoint and receiving the title, excerpt, slug and date fields, there's more I can get if I follow the GraphQL API for Wordpress documentation, but that's all I need for the demo.
-
Show HN: New GraphQL API for WordPress (1.5 years of development, 16000 commits)
How does this compare to WPGraphQL https://www.wpgraphql.com that's been around for quite some time (https://github.com/wp-graphql/wp-graphql)
Did you find shortcomings with that plugin?
-
how to add login for site owner and functions to add and remove media/text from website?
You can use wordpress as a backend and then hook up your frontend through a graphql api plugin.
-
Build and deploy site when wordpress data update.
You want to use WP as a headless CMS. Look at https://www.wpgraphql.com
What are some alternatives?
react-snap - 👻 Zero-configuration framework-agnostic static prerendering for SPAs
faustjs - Faust.js™ - The Headless WordPress Framework
react-app-rewired - Override create-react-app webpack configs without ejecting
elementor - The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.
nextjs-multi-domain-locale - Hosting multiple domains on the same Next.js site (while maintaining multiple languages and SSG)
wp-graphql-woocommerce - Add WooCommerce support and functionality to your WPGraphQL server
Nextcloud - ☁️ Nextcloud server, a safe home for all your data
wordpress-popular-posts - WordPress Popular Posts - A highly customizable WordPress widget that displays your most popular posts.
Symfony Panther - A browser testing and web crawling library for PHP and Symfony
objectbox-dart - Flutter database for super-fast Dart object persistence
fastify-vite - Fastify plugin for Vite integration.
wp-graphql-jwt-authentication - Authentication for WPGraphQL using JWT (JSON Web Tokens)