#cms

Integrating #api-first optimized video using a Headless #cms
▻https://hackernoon.com/integrating-api-first-optimized-video-using-a-headless-cms-47968e70fb0?s

https://cdn-images-1.medium.com/max/1000/1*TO7UrNELUIsrDmZ3sSUE0g.jpeg

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 (...)

#javascript #web-development #video-marketing

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

https://cdn-images-1.medium.com/max/1000/1*jq8yXeQa6BAxAcFvuAjL1Q.jpeg

* 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 (...)

#cosmic-js #website-company #cosmic-js-and-angular #cms

« 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 )

#WriteFreely #publication #Markdown

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

https://cdn-images-1.medium.com/max/1024/1*IBnXvzJXKPj_y-pN3ey5Gg.png

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 (...)

#headless-cms

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 »

#CMS_headless_VueJS_SSG

Evolution of the Content Management System and the CMS API
▻https://hackernoon.com/evolution-of-the-content-management-system-and-the-cms-api-bfdfff86fc5b?

https://cdn-images-1.medium.com/max/965/1*J6mGfJO_7ewfYp7CtPJVcw.png

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

https://cdn-images-1.medium.com/max/1006/1*AEHpZo-BG2EdIp5mfPOCiQ.jpeg

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

https://cdn-images-1.medium.com/max/1024/1*qPw2P_UmVw3xSMTMEraSpQ.png

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 (...)

#javascript #web-development #nodejs

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 (...)

#traditional-cms #web-development #headless-cms

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  (...)

#web-development #vuejs #cms #javascript #digitalocean

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

https://cdn-images-1.medium.com/max/1024/1*HqMfGTVICPUmrf51p7UZ6w.png

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 (...)

#headless-cms #web-development

Connecting Algolia to Cosmic JS for awesome search functionality!
▻https://hackernoon.com/connecting-algolia-to-cosmic-js-for-awesome-search-functionality-ca435b1

https://cdn-images-1.medium.com/max/1000/1*XbYSme4Fb5Mc42JwaSmiig.jpeg

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 (...)

#javascript #reactjs #cms #web-development

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 (...)

#cms #api #web-development #javascript #reactjs

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

▻https://indie.host

#cccp #hébergement #chatons

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

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

https://cdn-images-1.medium.com/max/743/1*yJWWxW962TuO86RRNJmJzQ.jpeg

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 (...)

#web-development #angular

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

https://cdn-images-1.medium.com/max/1024/1*omtqPm7skI8ZSHs3ZCxfxg.jpeg

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  (...)

#headless-cms #web-development #progressive-web-app

Put your chatbot where your headless #cms is
▻https://hackernoon.com/put-your-chatbot-where-your-headless-cms-is-15cf174774c6?source=rss----3

https://cdn-images-1.medium.com/max/1024/1*qO0PKZ3fNVUXv535pvssRA.png

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 (...)

#bots #conversational-ui

Gutenberg et l’avenir de WordPress - WP Channel
▻https://wpchannel.com/gutenberg-wordpress-avenir

Un retour très intéressant d’un développeur Wordpress sur le nouveau projet Gutenberg, qui crée un rupture technologique avec l’écosystème WP.
Egalement un regard critique sur la manière d’Automattic de gérer l’évolution de WP, et ses rapports avec sa communauté.

Comme Drupal, Wordpress s’orienterait à partir de la 5.0 sur une approche purement API, avec un site frontal en JS (React et autres), avec tous les problèmes que ça amène : accessibilité, référencement (c’est lié) etc...

#wordpress #cms

Les 5 points à retenir sur #SPIP en 2017

Si vous avez passé l’année sur une île déserte façon robinson numérique, voici le résumé de l’année SPIP :

1.— La sortie d’une nouvelle version : SPIP 3.2
Sortie de SPIP 3.2 qui modernise votre #CMS préféré.

2.— Un nouveau look

Sortie d’un nouveau logo et refonte les sites de la galaxie notamment spip.net et forum.spip.net

3.— Une communauté toujours aussi vivante
Grand succès de la deuxième rencontre SPIP à #Toulouse… à renouveler. :)

4.— Un code toujours actif

Sur une année :
– plus de 7.500 commits sur la zone,
– 364 commits sur le core
– et 499 plugins déjà disponibles pour SPIP 3.2

5.— Toujours libre et plein de tendresse

SPIP reste fidèle à ses valeurs, toujours libre, pas de version premium, pas de traçages, pas de publicité ou d’obsolescence programmée… pour le plaisir de tou⋅te⋅s.

Vivement 2018 !

▻https://blog.spip.net/Les-5-points-a-retenir-sur-SPIP-en-2017.html

The Washington Post Is A Software Company Now
►https://www.fastcompany.com/40495770/the-washington-post-is-a-software-company-now

https://images.fastcompany.net/image/upload/w_1280,f_auto,q_auto,fl_lossy/wp-cms/uploads/2017/11/p-1-the-washington-post-is-a-software-company-now.jpg

The newspaper created a platform to tackle its own challenges. Then, with Amazon-like spirit, it realized there was a business in helping other publishers do the same.

Since 2014, a new Post operation now called Arc Publishing has offered the publishing system the company originally used for WashingtonPost.com as a service. That allows other news organizations to use the Post’s tools for writers and editors. Arc also shoulders the responsibility of ensuring that readers get a snappy, reliable experience when they visit a site on a PC or mobile device. It’s like a high-end version of Squarespace or WordPress.com, tailored to solve the content problems of a particular industry.

Among the publications that have moved to Arc are the Los Angeles Times, Canada’s Globe and Mail, the New Zealand Herald, and smaller outfits such as Alaska Dispatch News and Oregon’s Willamette Week. In aggregate, sites running on Arc reach 300 million readers; publishers pay based on bandwidth, which means that the more successful they are at attracting readers, the better it is for Arc Publishing. The typical bottom line ranges from $10,000 a month at the low end up to $150,000 a month for Arc’s biggest customers.

The Washington Post doesn’t disclose Arc Publishing’s revenue or whether it’s currently profitable. (The Post itself turned a profit in 2016.) It does say, however, that Arc’s revenue doubled year-over-year and the goal is to double it again in 2018. According to Post CIO Shailesh Prakash, the company sees the platform as something that could eventually become a $100 million business.

L’intérêt de mélanger développeurs et usagers

Back at Post headquarters in Washington, D.C., “because the technologists and the reporters and editors are often sitting alongside each other, sometimes we can get away with a less formal process to identify needs,” explains Gilbert. “A technologist can see when a reporter or editor is having trouble with something, and so sometimes it doesn’t have to be ‘file a ticket,’ ‘file a complaint,’ ‘send an email to an anonymous location.’” For instance, when editorial staffers wondered if it was possible for the Post site to preview videos with a moving clip rather than a still photo, a video developer quickly built a tool to allow editors to create snippets. “We see a much higher click-through rate when people use these animated GIFs than when they used the static images from before,” Gilbert says.

#Médias #CMS #Washington_Post

The Washington Post Is A Software Company Now
►https://www.fastcompany.com/40495770/the-washington-post-is-a-software-company-now

#CMS #journaux

Agriculture bio : attention au fétichisme du label
▻https://theconversation.com/agriculture-bio-attention-au-fetichisme-du-label-73926

Mais l’action du label ne s’arrête pas là. S’il est un vecteur d’information, permettant de différencier les produits bio des produits non bio, il tend aussi à masquer la diversité des agricultures biologiques. C’est ce que j’appelle, en référence au « fétichisme de la marchandise » autrefois décrit par Karl Marx, un « fétichisme du label » : l’incapacité à voir la diversité d’organisation existant derrière le seul label.

Le #label #AB ne dit, par exemple, rien de la taille des exploitations ou des conditions d’embauche des ouvriers agricoles. Il ne permet pas non plus de distinguer les démarches plus exigeantes, qui vont bien au-delà des attentes de la réglementation.

Par exemple, des producteurs légumiers refusent d’utiliser les semences #CMS, qu’ils considèrent comme des #OGM, alors qu’elles sont autorisées en bio. De même, des éleveurs bovins alimentent presque exclusivement leurs bêtes avec des rations produites sur leur ferme, alors que le label n’exige que cela soit réalisé qu’à hauteur de 60 %. Sur un autre plan, des transformateurs et distributeurs établissent avec des producteurs des partenariats inspirés du commerce équitable.

Même si cela n’est pas systématique, beaucoup de ces démarches se soldent par des coûts de production plus élevés que ceux qui résultent d’une #bio calée sur la réglementation.

#éthique

Framasite
▻https://frama.site

Framasite est un service libre de création de sites web.

Créez votre site
Connectez-vous à son interface de gestion ;
Personnalisez et publiez vos pages web ;

Framasite s’appuie sur le logiciel Grav développé par RocketTheme.
Grav est sous licence MIT.

Framawiki s’appuie sur le logiciel Dokuwiki
Dokuwiki est sous licence GPLv2.

►https://getgrav.org
►https://www.dokuwiki.org

#framasoft #flat_file_CMS #wiki

La gestion des médias avec Drupal 8
▻https://www.flocondetoile.fr/blog/la-gestion-des-medias-avec-drupal-8

« La gestion des médias a été identifiée comme une des priorités lors de la dernière DrupalCon (Nouvelle Orléans 2016). Si nous pouvions disposer sur Drupal 7 de quelques modules contribués offrant une expérience utilisateur sans égal pour la gestion des médias, Drupal 8 était encore orphelin il y a peu d’une solution équivalente. »

#media_image_Drupal_D8_clevermarks