next.js
CraftCMS
next.js | CraftCMS | |
---|---|---|
20 | 45 | |
61,839 | 3,162 | |
- | 0.2% | |
9.9 | 10.0 | |
over 3 years ago | about 24 hours ago | |
JavaScript | PHP | |
MIT License | GNU General Public License v3.0 or later |
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 (
CraftCMS
-
Different flavors of content management
The most typical approach is having a CMS admin panel sit somewhere on the server; everyone with an account uses this. This is a very convenient approach, especially when working with a team. This way, many people can work on different articles simultaneously without worrying about potential conflicts or overwriting stuff. The only con is related to security - everyone can try to get inside, and if you forget to update our CMS or some user have a weak password, it can be someone outside of our team. WordPress, Drupal, CraftCMS, or Ghost are perfect examples of such CMSs.
- Show HN: Primo – a visual CMS with Svelte blocks, a code editor, and SSG
-
Is Htmx Gaining in Popularity?
I checked one website in that list, it uses CraftCMS, which apparently has htmx bundled. (https://github.com/craftcms/cms/tree/main/src/web/assets/htm...)
Would be interesting to know which other CMS'es make use of htmx (and to what degree).
- Site without WordPress
-
Go with PHP
PHP has a lot of top tier CMSes. IMHO bunch of them are even better than Statamic. Craft CMS (https://craftcms.com/) is a lot more mature database based CMS. Kirby (https://getkirby.com/) is better at flat-file and has a lot better admin interface. Twill (https://twillcms.com/) is better integrated in Laravel and is fully open-source. Statamic mostly feels like it's sitting besides Laravel and they call themselves Laravel based for marketing.
-
Stack to build and deploy a fully functional personal blog?
You're basically looking for any CMS that supports headless mode. E.g. Strapi (https://strapi.io/, NodeJS based), CraftCMS (https://craftcms.com/, PHP based) or countless others.
-
SvelteKit+ MongoDB
Craft CMS
- 09
-
A mate of mine built a cool little Tottenham Database showing the history of spurs.
It's built on Craft CMS. Makes the relationships between elements (a match and a player, for example) super easy.
-
Creating a CMS with React, what should I look at?
Is there a reason you aren’t using an existing CMS? There’s a lot that provide all the UI functionality you are talking about and then expose it via a API to be consumed in your front end. https://craftcms.com is one option I’ve had good success with.
What are some alternatives?
react-snap - 👻 Zero-configuration framework-agnostic static prerendering for SPAs
Wagtail - A Django content management system focused on flexibility and user experience
react-app-rewired - Override create-react-app webpack configs without ejecting
Statamic - The official Statamic Static Site Generator
nextjs-multi-domain-locale - Hosting multiple domains on the same Next.js site (while maintaining multiple languages and SSG)
Pico - Pico is a stupidly simple, blazing fast, flat file CMS.
Nextcloud - ☁️ Nextcloud server, a safe home for all your data
Backdrop CMS - Backdrop is a full-featured content management system that allows non-technical users to manage a wide variety of content. It can be used to create all kinds of websites including blogs, image galleries, social networks, intranets, and more.
Symfony Panther - A browser testing and web crawling library for PHP and Symfony
Kirby - Kirby's core application folder
fastify-vite - Fastify plugin for Vite integration.
october - Self-hosted CMS platform based on the Laravel PHP Framework.