Min hemsida är byggd i Next.js eller React – kan jag ändra texterna själv?

WordPress och Wix är färdiga system med en redigeringsvy inbyggd. Next.js och React är något annat: verktyg som utvecklare använder för att bygga en sajt från grunden. React är ett kodbibliotek för att bygga gränssnitt, och Next.js är ett ramverk ovanpå React.

Tänk dig skillnaden mellan en whiteboard och en tryckt skylt. I WordPress skriver du på whiteboarden. På en Next.js-sajt har utvecklaren skrivit texten direkt i sajtens filer, ungefär som att trycka den. Att byta en mening innebär att ändra filen och publicera om sajten.

Det är inget fel i sig. Sådana sajter blir ofta snabba och helt anpassade. Men om ingen planerat för att du ska kunna redigera, så kan du inte det.

1. Använd Wappalyzer. Installera det gratis webbläsartillägget, gå till din sajt och klicka på ikonen. Står det Next.js eller React under ramverk har du svaret.
2. Sök i sidkällan. Högerklicka och välj Visa sidkälla (Ctrl+U på Windows), tryck Ctrl+F och sök efter _next/static. Träff betyder nästan alltid Next.js. Även __NEXT_DATA__ är en ledtråd.
3. Testa `/wp-admin`. Får du en felsida är det i alla fall inte WordPress.
4. Fråga utvecklaren vilket ramverk sajten är byggd i och var koden ligger.

Visar det sig att sajten är byggd i WordPress, Wix eller en annan hemsidebyggare kan du sannolikt redigera själv. Läs då guiden om att ändra text på hemsidan i stället.

Det finns inget universellt rätt svar. En snickare som byter text två gånger om året har andra behov än ett café som uppdaterar menyn varje vecka.

Hur mycket en enskild ändring brukar kosta via byrå beskriver vi i guiden om vad en textändring kostar.

Ett headless CMS är ett redigeringsverktyg som bara hanterar innehållet. Sajten ser likadan ut, men texterna hämtas från verktyget i stället för att stå i koden. Du loggar in där och ändrar, utvecklaren behöver inte vara inblandad.

För utvecklaren innebär det ungefär detta:

1. Välja verktyg och bestämma vilka texter och bilder du ska kunna ändra.
2. Flytta ut de texterna ur koden och in i verktyget.
3. Koppla sajten så att ändringar syns när du sparar.
4. Bjuda in dig med ett eget konto och visa hur det fungerar.

Hur stort jobbet blir beror på hur sajten är byggd och hur mycket som ska bli redigerbart. Be därför om en offert för just din sajt. Att börja med de texter du faktiskt ändrar, som priser, öppettider och nyheter, håller nere arbetet.

Vanliga verktyg

• [Sanity](https://www.sanity.io/pricing), [Storyblok](https://storyblok.com/pricing) och [Contentful](https://contentful.com/plans) är etablerade, internationella headless CMS med färdiga kopplingar till Next.js. Alla tre har en gratisnivå med begränsningar, till exempel i antal användare. Kolla deras prissidor för aktuella villkor.
• sitecms är ett svenskt alternativ byggt för Next.js-sajter. Utvecklaren kopplar sajten med ett npm-paket och bjuder in dig som redaktör. Du ändrar texter, bilder och priser i fasta fält, kan inte råka ha sönder layouten och kan ångra senaste ändringen. Det är gratis att börja, och tekniken beskrivs i dokumentationen.

Ett tydligt mejl sparar tid för båda. Kopiera, fyll i hakparenteserna och skicka.

Ämne: Kan jag få redigera texterna på hemsidan själv?

Hej [namn],

Jag vill kunna ändra texter på [dinfirma.se] själv, utan att behöva
be dig om varje ändring. Som jag förstår det är sajten byggd i
Next.js/React och texterna ligger i koden.

Det jag ändrar oftast är:
- [t.ex. priser och tjänster]
- [t.ex. öppettider]
- [t.ex. nyheter och erbjudanden]

Kan du:
1. Föreslå hur jag kan redigera de här texterna själv, till exempel
   genom att koppla ett headless CMS till sajten?
2. Ge en offert eller uppskattning för att sätta upp det, och berätta
   om verktyget har någon löpande månadskostnad?
3. Bekräfta att designen och sajtens funktioner blir kvar som idag?
4. Se till att kontot står på företaget och att jag får en egen
   inloggning?

Jag vill också gärna ha en kopia av koden, eller tillgång till var den
ligger, så att företaget har den.

Tack!
[ditt namn]

Om din utvecklare vill läsa på om upplägget finns en guide om att låta kunden redigera en Next.js-sajt.