Troubleshooting — Ciketo Next.js

Most problems come from a content file with a typo, a missing image or a form variable that was not set on the host. The answers below cover those first, then the questions buyers ask most.

Errors you may hit

npm install fails, or the site behaves oddly after an update. Delete node_modules/ and package-lock.json, then npm install again. Check that node -v is 20.9 or newer.

Port 3000 is already in use. npm run dev -- -p 3001, or stop whatever holds the port.

Module not found: Can't resolve '@/content/…' The path or the file name is wrong. @/ means src/, so @/content/site is src/content/site.ts. File names are case-sensitive on the servers that build your site, even when they are not on your laptop.

Property 'x' is missing in type … A content item lacks a field that src/content/types.ts requires. Your editor names the file and the line; add the field, or mark it optional in the type.

An image does not appear. The file must be in public/images/ and the content must refer to it as /images/<file>: same spelling, same extension, no public in the path.

A service page shows fewer lanes than it should. Each slug in the service’s lanes.items must be the slug of a lane in lanes.ts, spelled the same ("jebel-ali-rotterdam"). A slug that matches no lane is skipped without an error.

A link in the footer leads to “404”. The footer’s Services column and legal links are written out in src/content/site.ts (footer.services.links, footer.legal). After renaming or removing a service or a legal page, update them.

The build fails but npm run dev was fine. The build is stricter: it checks the types and renders every page. Read the first error, not the last; it names the file. Common causes: a missing field in a content item (the development server doesn’t check types), or an empty collection that a page expects an item from (the Home hero needs at least one lane).

The form says “Something went wrong”. The provider rejected the request, or a variable is missing. The reason is in your host’s function logs (Vercel: the deployment’s Logs tab), after [forms] New quote request could not be delivered. Check that the environment variables are set for the environment you deployed to, that FORM_PROVIDER names a provider that exists, and redeploy after adding them.

The share image or title is the old one. Facebook, LinkedIn and X cache them. Use their debuggers to refresh, and confirm that site.url is your domain.

The header is white on a page where it should be dark, or the other way round. The header is transparent with white text at the top of Home, Contact and the 404 page, which open with a dark photo. The list is useCover() in src/components/site/Header.tsx, plus any page with a section marked data-header-cover (Pages and sections).

The clock in the header doesn’t show our office’s time. It shows each visitor’s own local time and date, read from their device: that is the design. To show one time zone for everyone, add timeZone: "Europe/Amsterdam" (or yours) to both Intl.DateTimeFormat options in src/design-system/components/data/Clock.tsx. The clock is hidden on tablets, and sits in the phone menu on phones.

The Blog shows only six posts. That’s on purpose: six more appear each time the visitor scrolls to the spinner under the list. Every post is in the page’s HTML from the start. To show more at once, see Making it look like your brand.

Questions

Can I use this template for a client? See License: that is the one place that answers it for your licence.

Can I remove the style guide, a whole page or a section? Yes:

• the style guide: delete src/app/style-guide/;
• a page: see Pages and sections;
• a section: delete its line in the page file, for example <ImageBand … /> (the wide photo on Home) in src/app/page.tsx.

Can I change the fonts to my brand’s? Yes: Making it look like your brand.

Do I need a CMS? No. Content is files you edit. Add one when somebody who does not use a code editor has to publish (Using a headless CMS).

Can I show dates in another format? Yes. Post and legal dates (“Aug 26, 2026”) come from formatDate in src/lib/format.ts; the clock’s date follows clock.locale in src/content/site.ts.

Can I sell a site I build with this? Building sites for clients is what the licence is for; reselling the template itself as a template is not. The licence has the exact wording.

Will it work with Tailwind plugins, shadcn/ui, or my component library? Yes. It is a standard Next.js + Tailwind CSS 4 project; add packages as usual. The design tokens are plain CSS variables, so other libraries can read them.

How do I update to a new version of the template? Download the new release and copy your src/content/, public/, your icons and your theme.css into it. Then re-apply any component changes you made. CHANGELOG.md lists what moved.

Can you customise it for me, or build my site? Yes. Marcframe, the studio behind this template, updates templates to your needs (brand, content, new pages and features), builds custom templates and designs new websites. Get in touch at marcframe.com/contact or hire us on Contra.

Something is broken and none of this helps. Support and updates: https://framebrick.co/support. Send the page, the browser, and the error text or a screenshot: it makes the answer much faster.