Questions tagged [headless]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
1 answer
20 views

GraphQL fields with applied typogrify - any suggestions?

we love CraftCMS and also typogrify plugin with Twig filter "|typogrify". Now we are starting a web project that will combine Astro and CraftCMS will be used headless with the use of GraphQL ...
1 vote
1 answer
38 views

Language prefix in URL with correct entry URIs

I never used Craft before and I'm trying to create a multi-language site (in headless mode) but am running into problems with adding the language to the URL. My goal is to have URLs that always start ...
  • 113
0 votes
0 answers
32 views

Headless commerce in Craft - SCA2, tokens and taking payments client-side

I'm building an SPA with Svelte that's supported by Craft and Craft Commerce. Currently, I'm fetching products, building the cart locally, syncing it with the server, and taking payments using Stripe ...
1 vote
0 answers
43 views

Maintaining the same page creating experience in a headless Craft CMS configuration - Next.js

I don't see a clear path to get the full page creating experience in any headless configuration as is available in Craft/Twig. The routing in next.js specifically I think is the main obstacle. Next.js ...
  • 21
1 vote
0 answers
155 views

Craft CMS Headless - Preview mode

I'm new on craft and I'm using headless mode with a nextJs frontend application. I've tried to configure the preview mode to load the frontend, but I didn't find how to do that. The frontend ...
1 vote
1 answer
91 views

Persist session from frontend login form to craft dashboard on headless install

Im im using craft as a headless CMS to power a Nuxt frontend. I have a situation where i need the user to login on the frontend and then be redirected to a url within the craft CMS admin. My question ...
1 vote
1 answer
45 views

Additional code to run when cache is busted(entry added/updated, etc)

I'm using Craft Pro 3.6 in Headless mode. I've found that caching the GraphQL responses on the frontend server dramatically speeds up our load time, even with enableGraphQlCaching turned on. What I'd ...
  • 13
2 votes
1 answer
582 views

JS login form on different domain and handling the CSRF token

Having sorted out the CORS issue and succesfully logging into Craft from a different domain using Javascript, I've now turned CSRF protection back on. I've got a module returning the CSRF token name ...
2 votes
1 answer
514 views

Is there a guide for using Craft Commerce headless?

I’m trying to figure out the work involved in using Craft Commerce in a headless setup. Is it possible? I think so. How do I expose the Commerce functionality via an API, instead of through Twig ...
  • 41
2 votes
1 answer
829 views

CraftCMS + GraphQL - orderBy Random?

I'm currently building my first JAM stack app using Nuxt as my front-end framework and Craft as my headless CMS. I'm leveraging Apollo as my GraphQL interface client. I have it pulling data back just ...
1 vote
1 answer
195 views

Headless mode/ElementAPI: how to set the frontend's baseUrl in the backend endpoint?

I am having an ongoing confusion in headless mode. Imagine a site with 2 servers: Backend (Craft with element API) on https://backend.site Frontend (vue.js) on https://frontend.site Editors pick ...
  • 589
1 vote
1 answer
688 views

Headless Live Preview with Gatsby

I am following Andrew Welch's post here - https://twitter.com/nystudio107/status/1168220713158942720?lang=en I used the gatsby-config.js file he shared here - https://gist.github.com/monachilada/...
  • 249
1 vote
1 answer
279 views

getting active userid by GraphQL?

I build a SPA with Craft CMS and Vue. I use Vue Router and have three Props. Here is my current router-view: <router-view csrfName="{{craft.app.config.general.csrfTokenName}}" csrfToken="{{...
  • 86
1 vote
1 answer
111 views

How to loop through Craft CMS query in Angular

Given the following query sample, how can I loop through the entries past the first array in Angular? Here is the query sample: query sample ($section: [String], $type: [String], $slug: [String]) { ...
  • 31
4 votes
1 answer
1k views

How do you set up live preview for headless Craft CMS installs connected to Gatsby?

How do you set up live preview for headless Craft CMS installs connected to Gatsby?
2 votes
1 answer
724 views

Headless CraftCMS: How can I tell Craft to load live preview from a different (sub)domain?

I will be using CraftCMS (Craft Solo 3.3.18.4) in headless mode as the backend for a Rails app. The Craft instance lives on a different subdomain. How do I instruct craft to use the rails app URI ...
  • 155
1 vote
1 answer
152 views

Image processing in headless mode

How to do image processing & transformations when not using templates? I'm using react-static for the frontend. Is it possible to have CraftCMS process the images upon upload?
2 votes
0 answers
460 views

How to authenticate as a Craft user with a frontend tool like Next.js, Nuxt.js, or create-react-app?

We're looking to use Craft CMS as an application platform (handling content storage, user authentication, etc) for an upcoming project while leveraging something like Next.js on the front-end. Here's ...
1 vote
1 answer
86 views

Using Craft to render frontend pages in addition to using it headless

I’m looking to create a craft site for some digital storytelling pieces. The pages will be curated by various people within my team. But I also like the idea of using the CMS to push separate content ...
1 vote
1 answer
299 views

Headless Craft CSRF

I have a site that is using Craft CMS headless and React. There are a few forms that need to post to controllers but I'm not sure how to set up the CSRF tokens and keep it secure. Can anyone advise ...
  • 81
1 vote
0 answers
27 views

Locales with independent language and country

How might we use Craft to manage our locales, keeping our language and country logic independent? The desired scenario: No duplicate language entries: Spanish in Spain would be the same as Spanish in ...
4 votes
1 answer
849 views

Headless CraftCMS as mobile app backend, requiring login

Currently building a mobile app with Phonegap, I'm able to use the Element API for many features, but when comes the time to use Craft as a loggedin user, I run out of ideas. I read a lot of things ...
  • 147
2 votes
1 answer
2k views

CSRF in “Headless” Applications

There are a number of answers here about how to send CSRF tokens along with AJAX requests, but I think my question is a little different. Please excuse the abstractness here: In a headless ...