public-demo
nextjs-custom-server
Our great sponsors
public-demo | nextjs-custom-server | |
---|---|---|
8 | 11 | |
123 | 160 | |
4.9% | - | |
8.8 | 2.7 | |
6 days ago | 10 months ago | |
TypeScript | TypeScript | |
- | - |
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.
public-demo
-
Can I use ghost like this?
If you're open to other headless CMS, I'd really recommend Payload. You can get a blog content structure setup SUPER easily and it is all code based and extensible. You can poke around this demo to get a feel for it and see if it's something that interests you https://demo.payloadcms.com/
-
Launch Week Day 3 - Bulk Operations
Update your own Payload project or head on over to the public demo and give it a shot.
-
Launch HN: Payload (YC S22) – Headless CMS for Developers
Hey HN, my name is James and I founded Payload (https://payloadcms.com/) with two close colleagues, Dan and Elliot. We're a dev-first headless CMS [1] that's half app framework and half CMS. We're closing the gap between the two.
Imagine you're going to build a new SaaS app. Would you think of building it on a headless CMS? Probably not. To devs, "content management system" is usually a swear word. If a team of engineers gets assigned a CMS project, it's less than thrilling. Engineers want to avoid roadblocks, write code, and build things they're proud of—but existing CMS get in the way of that left and right.
Rather, you'd build your backend on an app framework like Django, Laravel, etc—and for good reason. Ownership over the backend, better access control, customizable auth patterns, etc. Typically, headless CMS are super limiting; you'll end up fighting the platform more than having it help. But, with app frameworks, you're often left to roll your own admin UI, and that takes time. Not to mention building CRUD UI gets old quick after you do it a few times. That’s where a headless CMS could shine, because they instantly give you admin UI that non-technical teams can use to manage digital products. That saves a ton of UI dev time but without an extensible API, headless CMS are far too limiting.
Payload provides the best of both ends—a powerful and extensible API and a fully customizable admin UI out-of-the-box. All with a developer experience that we obsessed over.
Typical CMS’s squabble over winning the minds of marketers, but we know that marketing teams pretty much need table stakes when it comes to CMS. Log in, create a draft, preview the draft, publish the content. Go back and update some pages. Define editor roles and localize content. There's no point in competing with that noisy market, so we're undercutting it wholesale and treating developers as first-class citizens.
It uses your own Express server, so you can open up your own endpoints alongside of what Payload does, and you can extend just about every single thing that Payload does all in TypeScript. It's MIT and open-source, fully self-hosted, comes with GraphQL and REST APIs, and completely customizable.
We realized the need for Payload while we were building the corporate website for Klarna. The Klarna engineers we were working with were among the best in the world, and while they evaluated headless CMS options, they saw restrictions in how all of the normal contenders "black-box" away the API. They wanted to build their CMS, deploy it on their own infrastructure, and truly "own" their CMS. They fell back to using WordPress. When that happened, Klarna inadvertently shined a spotlight on the CMS market and pointed out a significant void in proper code-based, developer-first CMS. There was no one to give them the DX they needed. So we built Payload.
Our business model is based on two things:
1. Enterprise features like SSO, audit logs, publication workflows, and translation workflows. Of course, as Payload is open-source, you can build these functions yourself, but enterprises are opting to pay for our official functionality and SLAs rather than rolling it themselves.
2. Cloud hosting. Now that Payload 1.0 is released and ready for production after more than two years of development and dogfooding, we've shifted focus to building a deployment platform for Payload that will deliver permanent file storage, database, API layer, and CI. It will be the easiest way to deploy Payload, but not mandatory to use—much like the NextJS and Vercel model.
You can get started in one line by running `npx create-payload-app` or you can try out our public demo at https://demo.payloadcms.com. The code for the demo is open source and available at https://github.com/payloadcms/public-demo.
We would love to hear your feedback. If we don't have something, we'll build it. If there's a sticky spot in the DX (developer experience!), we’ll fix it. Looking forward to hearing what you think—and thank you!
[1] Quick refresher: CMS stands for "content management system" and headless just means "API-based", with no restrictions over where you use the content on the frontend.
-
Responsive Headless CMS
Payload CMS has a responsive admin UI. Check out the public demo on your phone to see what it looks like!
-
Payload, a TypeScript headless CMS, just launched its first major version and is now out of public beta
Here's a screenshot of our public demo where you can see a custom YouTube element built. You can go play with it and check it out for yourself. That's fully custom. Also, the source code is available here.
-
is this true?
Hey I know that software! If you haven't already, could you file an issue on their public-demo github page? If you already have, thank you for contributing to OSS!
-
Payload is now completely free and open source
Our public demo is open source which can probably give you a huge learning head start, and we've also got a very in-depth video series on our YouTube channel that shows you how to build a high-end website with NextJS and Payload. There will be a lot more coming from us on YouTube as well.
nextjs-custom-server
- Best options for a react framework + headless cms
-
Build a notification system for a blog site with React, NodeJS and Novu 🚀
With MongoDB out of the way, first, create a new repository using a template at payloadcms/nextjs-custom-server, and clone that to your local machine. Unlike forking, creating a new repository from a template resets the commit history and disassociate it from an original template repository.
-
Modern SPAs without bundlers, CDNs, or NodeJS
For example this repo says you can install with npm install and you will end up with both.
- Are you still using headless WP? If so, why?
- What headless CMS should I use to build a blog that I can query data from a Next.js app?
-
Launch HN: Payload (YC S22) – Headless CMS for Developers
Next.js works great with Payload. One cool feature of Payload is the Local API, which works awesome for server side rendered pages. You get your data from Payload right in your `getServerSideProps` functions.
You'd be interested in the example repo: https://github.com/payloadcms/nextjs-custom-server
The example is set up to manage Pages, but with a few tweaks you'd be able to manage blogs posts instead.
-
Headless CMS: possible alternatives to Flotiq?
I recommend Payload CMS for simple sites and complex apps alike. Check out the next.js starter we have up to get server side rendering for a boilerplate website. https://github.com/payloadcms/nextjs-custom-server
- NextJS, Payload, and TypeScript in a Single Express Server Boilerplate
-
Balancing Flexibility and Productivity in Your CMS
Check out payloadcms.com. We just created a new NextJS boilerplate if that is the direction you want to take for the frontend https://github.com/payloadcms/nextjs-custom-server.
-
Wordpress/CMS alternative? Should I even consider Python?
We just added a boilerplate that gives you a nice next.js starting point too so you can do get a frontend fast also! https://github.com/payloadcms/nextjs-custom-server
What are some alternatives?
payload - The best way to build a modern backend + admin UI. No black magic, all TypeScript, and fully open-source, Payload is both an app framework and a headless CMS.
Directus - The Modern Data Stack 🐰 — Directus is an instant REST+GraphQL API and intuitive no-code data collaboration app for any SQL database.
keeptrack.space - 🌎📡 TypeScript Astrodynamics Software for Non-Engineers. 3D Visualization of satellite data and the sensors that track them.
KeystoneJS - The most powerful headless CMS for Node.js — built with GraphQL and React
next-web3-boilerplate - Slightly opinionated Next.js Web3 boilerplate built on ethers, web3-react, Typechain, and SWR.
awesome-headless-cms - An awesome list of headless / decoupled CMS resources.