Abstracting #WordPress Code To Reuse With Other CMSs: Concepts (Part 1) — Smashing Magazine
▻https://www.smashingmagazine.com/2019/11/abstracting-wordpress-code-cms-concepts
Making our code #CMS as agnostic as possible enables us to easily port our application to another CMS if the need arises. In this article, we will learn how code abstraction works, why it is a good idea, and the key concepts to achieve it.... Create packages, distribute them through #Composer
Tiens tiens...
Et donc on y apprend que Gutenberg a été entièrement porté pour Drupal, notamment :
▻https://www.drupal.org/project/gutenberg
La suite...
In the first part of this series, we learned the key concepts to build an application that is as CMS-agnostic as possible. In this second and final part, we will proceed to abstract a WordPress application, making its code ready to be used with Symfony components, Laravel framework, and October CMS (which is based on Laravel).
▻https://www.smashingmagazine.com/2019/11/abstracting-wordpress-code-reuse-with-other-cms-implementation
Tina is Not a CMS · TinaCMS
▻https://tinacms.org/docs/getting-started/introduction
Tina is optimized for next-gen JAMstack tools. It is written in JavaScript and easily adapted to multiple different frameworks.
Tina currently supports React-based frameworks, including:
Create-React-App
Gatsby
NextJS
#CMS
Hey Jon, you can learn more about Hacker Noon product development in the community forum.
▻https://hackernoon.com/hey-jon-you-can-learn-more-about-hacker-noon-product-development-in-the-
Hey Jon, you can learn more about Hacker Noon product development in the community forum. We are building our own #cms, the backend if Google Cloud Platform and the front end is mostly React.Hey Jon, you can learn more about Hacker Noon product development in the community forum. was originally published in Hacker Noon on Medium, where people are continuing the conversation by highlighting and responding to this story.
9 Reasons I Think #craft is the Best #cms on the Market Today
▻https://hackernoon.com/9-reasons-i-think-craft-is-the-best-cms-on-the-market-today-103dd8a5f235
Hello, I’m Cam — a co-founder and product person at Dawson Andrews. For as long as I’ve been involved in websites, CMS’s have been the vain of my life. Clunky, grey, uninspiring, unadaptive pieces of junk that only stressed me out.… Until Craft CMS came along.I never thought the day would arrive where I willingly took time to write up praise for a CMS, but here I go.And breathe… a CMS that gets me.Craft CMS is simple, minimalistic, agile and has every capability a modern CMS framework needs. Over the past ten years we have worked with every CMS you could think of (Wordpress, Drupal, Rails+ActiveAdmin, Ghost, Weebly, DjangoCMS, Jekyll, Joomla, Tumblr, Squarespace, Expression Engine, Statamic, Blogger)… here are the reasons why we’ve landed firmly with Craft as our №1 choice.Stunning responsive (...)
From #wordpress to JAMstack : How to make your website 10x faster
▻https://hackernoon.com/from-wordpress-to-jamstack-how-to-make-your-website-10x-faster-e363abc46
Performance matters. If you are familiar with JAMstack, the movement encourages avoiding server-side rendering completely in favor of pre-build, purely static HTML pages. By serving only JavaScript, APIs, and Markdown (JAM) over a CDN, a website’s performance is dramatically increased, making for a much better user experience.If you have an existing WordPress website, you may be familiar with slow page load. This can be due to server-side processes that occur prior to even getting to the HTML. If you are looking to make the switch to a better experience for your users, it might be time to switch to a JAMstack website. And making the switch may be easier than you think.In this tutorial we’re going to import existing WordPress content into a JAMstack website, deploy to Netlify, then (...)
Je n’ai jamais vraiment fait de #SPIP, mais là, je cherche à bidouiller dans du #grav (un super #CMS en flat-file, vachement réputé, qui a reçu pleins de prix et qui est LIBRE).
Mais je n’arrive pas à comprendre leur logique...
Alors je suis retourné lire une vieille page d’introduction à SPIP, où je retrouve mes petits
▻http://www.sarka-spip.net/spip.php?article265
Mais GRAV... c’est surement très bien, mais j’y sens une odeur de dev (oui, alors vous imaginez les pizzas et la sueur, mais non), du genre hyster qui kiffe le CSS et qui trouve normal de bidouiller dans un FTP pour composer sa page.
Sauf que c’est contradictoire avec le reste.
Ce CMS est vachement bien fait, il ont « presque » pensé à tout. Les interfaces d’admin sont claires, les procédures sont simples...
Tant qu’on ne fait QUE de la page... du blog...
Mais là, je cherche juste à ajouter une image dans le bandeau principal de tout le site, et j’en chie.
Je sais bidouiller, mais j’ai tellement l’impression de ne pas le faire de la bonne manière.
Trop d’UX tue l’UX...
J’ai tellement l’impression qu’il devrait y avoir un « truc » pour faire ça que je m’interdis toute bidouille.
Comme dans la plupart des CMS, ça ne doit pas dépendre du CMS mais plutôt du jeu de templates que tu utilises non ?
Je suppute que certains templates sont tout « en dur », et ensuite toi tu remplis que l’intérieur de la page avec de l’éditorial (les articles), et dans ce cas pour ajouter une image dans l’entête, tu dois surcharger les templates et/ou CSS. Tandis que certains autres templates ont peut-être quelques options de config, comme changer le bandeau.
En tout cas ya ces deux types de cas pour la plupart des CMS, que ce soit SPIP, Drupal, WP, etc.
How to use #gatsby with a Headless #cms
▻https://hackernoon.com/how-to-use-gatsby-with-a-headless-cms-ba365bb77733?source=rss----3a8144e
Learn how to build a Gatsby blog using #buttercms. The code examples in this article let you combine Gatsby and ButterCMS in just a few minutes, no matter if you are a beginner or an expert.Why Gatsby and ButterCMS?Gatsby is a static site generator based on React and GraphQL. ButterCMS is a headless CMS and blogging platform. What does that mean and why should you use them?A static site (HTML, CSS, and JavaScript) is fast, secure and flexible. There is no database or server-side code that attackers can exploit. A static site generator pulls data from APIs, databases or files and generates pages using templates.As a developer, you probably want to write your content as Markdown files. However, if your static site’s content has to be managed by non-developers, they’ll prefer a CMS. A (...)
Integrating #api-first optimized video using a Headless #cms
▻https://hackernoon.com/integrating-api-first-optimized-video-using-a-headless-cms-47968e70fb0?s
Integrating high quality, API-first video into a Headless CMSVideo is hard. Encoding, serving the right version to the right browser, device optimization, bandwidth consideration, it’s all pretty daunting. Thankfully there’s Mux and the new Mux Videos Extension, which allow you to add best-in-class video delivery to your application without the headache.In this overview, I’m going to show you how to use the Mux Videos Extension to power video content in your application in just a few clicks using the Cosmic JS Headless CMS. As a bonus, I’ll show you how to create your own Cosmic JS Extension to connect to your favorite API services in your Cosmic JS Dashboard.TL;DRInstall the Mux Videos ExtensionCheck out the Mux Videos Extension codebaseIf you’re not yet a Mux customer, they’re offering a (...)
How to create a simple company website with Cosmic JS and #angular
▻https://hackernoon.com/how-to-create-a-simple-company-website-with-cosmic-js-and-angular-476896
* This article will assume some basic knowledge of Angular so it can focus on the specific task of requesting and showing data from Cosmic JSTL; DRTake a look at the repository and install the appWhat is this app about?A typical company website is just a set of pages structured in a more or less simple navigation. We want to create a website that allows the user to create any number of pages and decide the structure for the navigation, without the need to wait for a code release. For that, we are going to rely on Cosmic JS and create the structure to hold this project. On this example, our bucket will have the following object types:Pages. This is a simple object, with no additional metafields.Navigation. It will hold a collection of Pages.Presets. This is a configuration object with a (...)
« Ce site est hébergé par Write.as. Certains et certaines l’auront peut-être remarqué. L’occasion pour moi de dire quelques mots de ce service de publication sur le Web atypique au concept plutôt original qui combine minimalisme éditorial, respect de l’anonymat (et même droit aux identités multiples), développement open source, et intégration à la fédiverse. »
▻https://aris.papatheodorou.net/write-as-cest-comme-ca (par @aris )
Notez qu’on peut faire à peu près la même chose avec SeenThis. La différence n’est pas trop dans la technique mais plutôt dans le fait que SeenThis est surtout utilisé pour signaler des trucs qu’on a vu (articles…), alors que Write.as semble plutôt utilisé pour publier des textes originaux.
@BigGrizzly Euh ? Moi, je n’ai rien vu de tel, et @aris non plus, il aurait râlé. L’examen du code source ne montre rien de googlesque. C’est pas une politique locale de ton navigateur, plutôt ?
Alors, rien vu sur writefreely, en effet, mais c’est lorsque je suis allé voir comment s’inscrire sur write.as que j’ai trouvé ça :
▻https://write.as/new/blog
@BigGrizzly Ah, à la création du compte ? Alors, là, je n’ai pas fait attention mais il y avait un CAPTCHA en effet. Je croyais qu’on parlait du simple lecteur.
@BigGrizzly @stephane
De mémoire, le captcha Google ne me dit rien... Je pense que c’est juste présent pour la création de blogs par les comptes gratuits
Avec Write.as/Write Freely tu peux suivre un blog depuis Mastondon, mais tu peux aussi partager directement un article en collant son URL dans le champs de recherche... Comme on peut le faire avec n’importe quel pouet...
How to get started with Sanity as a headless #cms
▻https://hackernoon.com/how-to-get-started-with-sanity-as-a-headless-cms-b755a9de1770?source=rss
Sanity is the perfect companion for when you want to get started with the JAMstack, or just need API for your project. In this tutorial you’ll learn how to get started with using Sanity — from configuring the #react editor with #javascript, to querying the API and migrating the #content datasets.If you find yourself in need of some backend, the chances are that Sanity is one of the quickest ways to get started without later punishing you. Spin up a new Sanity project for your weekend project. For that time you need an API to test something quickly. Or you can use it for more serious stuff. For example, when you need a conduit between a legacy system and the technology you prefer to use. And when you need humans to be in control of digital content, Sanity has an open source editor, that you (...)
Building a Website with Vue.js, the Storyblok Visual Editor and Netlify
▻https://markus.oberlehner.net/blog/building-a-website-with-vue-the-storyblok-visual-editor-and-netli
« we’ll build a Vue.js website which is easy to edit with the Storyblok Visual Editor, from start to finish »
Evolution of the Content Management System and the CMS API
▻https://hackernoon.com/evolution-of-the-content-management-system-and-the-cms-api-bfdfff86fc5b?
Founder InterviewTony Spiro, speaking at a local ReactJS Dallas Meetup.Please welcome Cosmic JS to Hacker Noon! Cosmic JS is an API-first content management platform that helps teams of developers and content managers build apps faster together. I personally like their product, and without it, StoryLicensing.com would not be possible. Cosmic provides a web dashboard to manage content and powerful APIs for developers to deliver content to any new or existing application built in any programming language.Today we’re going to catch up with Cosmic JS CEO Tony Spiro to discuss trends in content management, his career path from the agency world to starting his own tech company, and the balancing act of startup life.David: Hey Tony! Could you share some numbers about the traction of Cosmic (...)
#cms-evolution #cms-api #content-management-api #content-manage-system-api #content-management-system
29 Tech Stories Worthy of Your Inbox
▻https://hackernoon.com/29-tech-stories-worthy-of-your-inbox-cd02c90d9cb7?source=rss----3a8144ea
Cosmic JS, our weekly sponsor, is an API-first content management platform that helps teams of developers and content managers build apps faster together.Heyo Reader, some major changes ahead for Hacker Noon. If you want to impact those changes, DM me.Onto what matters — the top 29 tech stories this week!DevAnnouncing VSCodeThemes by Jordan SchroterASP.NET Core Razor Pages Vs MVC: Which Will Create Better Web Apps in 2018? by Zealous SystemCross Platform Mobile Apps with .NET and Uno by Alex BillsonHow We Used Redux on Backend and Got Offline-First Mobile App as a Result by WebbyLabI hate programming, and you should too. by Mika Yeap139 Traits That Make A Better Programmer by SadickRESTful API Design — Step By Step Guide by Tanmay DeshpandeThe Essential Skill of a Developer by Silvestar (...)
#tech-stories #worth-advertising #tech-worth-advertising #cms-api #hackernoon-letter
The understated innovation of static site generators
▻https://hackernoon.com/the-understated-innovation-of-static-site-generators-d188ff8e99af?source
This article is a reflection on the bigger picture around the new generation of static sites generators that are currently gaining traction and adoption.Static site generators have been around for a while and an early player in the field was Jekyll, which gained a lot of traction at launch, triggered the birth of GitHub Pages and hence created a developer-friendly solution to content. We’re now seeing a new wave of static site generators like GatsbyJS, that no longer are limited to publishing needs of the developer audience (as in, manage your content completely on GitHub), and instead have the ambition of becoming the new tool for content publishing.The current wave of static site generators comes with an entire ecosystem that makes the movement wider in scope than site-building tools (...)
#cms #web-development #serverless #static-site #static-site-generator
Build and Deploy a #serverless Node.js App powered by Cosmic JS
▻https://hackernoon.com/build-and-deploy-a-serverless-node-js-app-powered-by-cosmic-js-21b45eaea
Serverless application development is growing in popularity in no small part due to the appealing proposition to “build apps, not infrastructure”. This way of building apps provides many benefits including not having to manage server infrastructure, infinite scalability and not having to pay for idle server time, paying only when your service is in use.The Serverless platform further abstracts building serverless apps into a delightful developer experience that helps you get a cloud function-powered app up and running fast.Cosmic JS provides a #cms API for teams to manage content for any new or existing application. The Cosmic JS Serverless Starter App gets you up and running with a Serverless app connected to the Cosmic JS CMS.In this tutorial I’m going to show you how to get started with (...)
Headless #cms vs Traditional CMS: A Deep Dive
▻https://hackernoon.com/headless-cms-vs-traditional-cms-a-deep-dive-4ec834fd6fd3?source=rss----3
If you’ve ever used a Content Management System (CMS), you’ve likely used #wordpress or other traditional CMS (we’ll define “traditional” later). Wordpress — and its architecture — has been around for 15 years and is synonymous with CMS. How it works, and more importantly how you work with it and get it to do what you want, is an entrenched pattern that developers and marketers are used to.This entrenched familiarity with WordPress can be a challenge for a modern CMS like ButterCMS. Butter is quite different from what you’re used to, at least from an architectural standpoint. It leads to many questions when you first discover us, questions that we’re going to cover in this series. The goal of this series is to examine how ButterCMS compares to a traditional CMS like Wordpress and clarify which (...)
Install a Cosmic-powered Nuxt.js App on Digital Ocean in 5 minutes
▻https://hackernoon.com/install-a-cosmic-powered-nuxt-js-app-on-digital-ocean-in-5-minutes-56722
Digital Ocean, a hosting provider beloved by developers, provides a highly intuitive interface for deploying and managing application infrastructure. In this tutorial I’m going to show you how to install and deploy a Cosmic-powered Nuxt.js app on Digital Ocean. In just a few commands, and a few minutes, you’ll be up and running with a Cosmic-powered app on a scalable Digital Ocean Droplet, ready for team collaboration.Getting StartedTo get started, let’s go over what we will be installing on our Digital Ocean Droplet. We will be installing:1. Node.js2. The Cosmic CLI3. Nuxt.js Website Boilerplate4. NginxCreating the DropletGo to ▻https://www.digitalocean.com to login / signup. After logging in, create a new droplet. I recommend the Ubuntu with 2GB Memory. Then click “Create”.Set up your (...)
Creating your Schema in #flamelink.io, a Headless #cms for #firebase?
▻https://hackernoon.com/creating-your-schema-in-flamelink-io-a-headless-cms-for-firebase-a692a8d
In this article we’ll cover how to create a schema in Flamelink, a headless CMS for Firebase. We’ll also cover how to edit your schema details and how to add, sort & customize your fields.If this is the first time you’ve heard about Flamelink, check out our explainer.You can also find out “How to get started with Flamelink” to learn how to hook Flamelink up to Firebase to help you manage content within your Firebase projects.Alrighty, let’s jump straight into it. You can either watch the Tutorial video below, or follow along with the article (now with free screenshots included).▻https://medium.com/media/8f10b24145ab1c667f6c1974ec5a7bc6/hrefSetting up your Content SchemasFlamelink’s Schema builder lets you structure your content or data in the most optimal way for your app, offering you (...)
Connecting Algolia to Cosmic JS for awesome search functionality!
▻https://hackernoon.com/connecting-algolia-to-cosmic-js-for-awesome-search-functionality-ca435b1
Using Cosmic JS’s Webhooks, we can sync Algolia with Cosmic JS to provide fast and powerful search functionality to our projects.TL;DRDemoSource CodeIntroIf you’ve ever tried to implement search yourself, then you know it can be difficult. Thankfully, Algolia has created a product that makes it easy. In this article we’re going to go over how you can connect Algolia to your Cosmic JS backend and add it to your Apps. The demo App was built with React.js and an Express.js server. If you’re using something different, you can still follow this pattern. Just modify it for your use-case.There are four main steps:Create an Algolia AppCreate Cosmic JS WebhooksCreate #api endpoints to receive the Cosmic JS Webhook POST requestsAdd search widgets to our AppPart 1 — Create an Algolia AppNavigate to (...)
Next.js Website Boilerplate
▻https://hackernoon.com/next-js-website-boilerplate-5134f560423e?source=rss----3a8144eabfe3---4
Check out this website boilerplate built on Next.js and Cosmic JS. It satisfies some common website requirements including dynamic pages, blog articles, author management, SEO ability, contact form and website search.TL;DRDownload the Next.js Website Boilerplate GitHub repo.Check out the demo.Features1. Fully responsive down to mobile w/ Bootstrap frontend2. SEO ready3. A contact form that sends an email to your email(s) of choice and to Cosmic JS for easy reference4. Full-site search functionality5. All content is easily managed in Cosmic JS including pages, blog and contact info. Sign up for Cosmic JS to install the demo content and deploy this website.Get startedgit clone ▻https://github.com/cosmicjs/nextjs-website-boilerplatecd medical-professional-next-js npm installImport the (...)
Rejoignez IndieHosters, un réseau d’hébergeurs qui vous libère – Framablog
▻https://framablog.org/2014/12/06/indiehosters-reseau-hebergeurs-qui-vous-libere
Durement éprouvée au plan psychologique depuis qu’elle a rejoint la communauté du Libre où elle a découvert sa popularité de mauvais aloi, l’authentique Mme Michu a demandé qu’on cesse de la mentionner. Le Framablog a décidé d’employer désormais l’exemple des Dupuis-Morizeau, une sympathique famille recomposée qui vit en Normandie.
ping @mmemichu
Très intéressant…
Reprenons l’exemple de Notepad avec l’application de blog. Le fichier texte, vous pouviez l’éditer avec n’importe quelle application. Aujourd’hui, si vous utilisez une application pour éditer votre billet de blog, même libre comme WordPress, il vous faut l’application en question. C’est assez ennuyeux, mais le mouvement unhosted, avec remotestorage essaie de résoudre ce problème. En attendant, si vous voulez migrer vos données associées à votre application, eh bien, il faut s’y connaitre. Et même les administrateurs systèmes les plus avertis vous diront que c’est la galère !
Pour nous, un utilisateur limité à un seul fournisseur de service pour son application n’est pas libre, même si le logiciel utilisé est libre. Et il y a plein de raisons pour lesquelles un utilisateur voudrait migrer :
un service moins cher ;
un service de meilleure qualité ;
un support dans sa langue ;
un choix plus large d’applications ;
le non-respect de la vie privée, la perte de confiance ;
l’interruption d’activité du fournisseur de service qui ayant fait fortune décide d’aller garder des chèvres dans le Larzac.
#migration #format #interopérabilité (y compris pour les contenus, #CMS)
We Built a Thing with #flamelink, a #firebase #cms… You won’t believe what happened next.
▻https://hackernoon.com/we-built-a-thing-with-flamelink-a-firebase-cms-you-wont-believe-what-hap
Ok. So clickbaity headlines notwithstanding, over the last few months we’ve been hard at work to get Flamelink, a headless CMS for Firebase, out of beta with some really great refinements and suggestions from our amazing early adopters. We’ve also been helping a bunch of Devs new to the Firebase page get started with hooking Flamelink up to their Firebase projects. And that’s only the behind-the-scenes stuff. We’re pretty excited to share one of the projects we’ve been able to implement a Firebase x Flamelink solution for.NOTE: This article may or may not be peppered with sporting puns…Before we dive into the project: Wanna know more about Flamelink, a Firebase CMS? Check this out:▻https://medium.com/media/d7ada5b89df31f1d896960476d4cc423/hrefOld Mutual’s Challenge:Old Mutual, a Fortune Global (...)
Creating a Progressive Web App with a Headless #cms — Part 2
▻https://hackernoon.com/creating-a-progressive-web-app-with-a-headless-cms-part-2-88ffee198ff6?s
Hey, welcome back! In Part 1 of this series, I introduced you to the Progressive Web App (PWA). I covered what they are, how they function, and how a headless CMS can really add some awesome functionality. In Part 2, I’m going to dive into building a #pwa and adding some cool features. That means creating the base app, adding the magic, and testing.So, let’s get to the good stuff!RecapIn Part 1, I mentioned a few services that we’re going to talk about a lot in this series.Google PWA TutorialThis is the “base” app we started with for our demo. It’s a great tutorial and provides a nice foundation for a PWA.Kentico CloudThis is the cloud-based CMS we used to power our application. It’s a scalable, flexible CMS with tons of SDKs and sample projects to help you get going quickly.Creating the base (...)
Put your chatbot where your headless #cms is
▻https://hackernoon.com/put-your-chatbot-where-your-headless-cms-is-15cf174774c6?source=rss----3
How to make a chatbot in Slack with #sanity, Webtask and DialogflowMake intents for #chatbots and conversational UIs a part of your content management systemHeads up! You’re required some knowledge of JavaScript to do this tutorial, but it may still be interesting for how we think about integrating chatbots into a CMS.The idea of a headless content management system is to detach your content from the constraints of web pages, in order to reuse it in many contexts. This makes sense even when you only want to display your content on a webpage, because you can structure it in a way where content can be reused across many pages, and more easily switch your frontend code when something more fancy comes aroung. The real power of headless, however, comes when you manage to reuse your content in (...)