Developed by Contentful

Marketing Website Starter Template

Marketing website
Next.js
React.js
Typescript
GraphQL

Starter templates built with Next.js and Contentful

Never start from scratch again thanks to marketing website starter templates. Install the template with pre-built components, adapt it to your needs, and deploy it in your stack of choice.*

* Starter templates are currently only available to new users

Preview

Everything you need to build an effective marketing website

Content Model

Content model

Knowing the basics of content types needed for a website, we’ve built a modifiable model to get you started.
Source code repository

Source code repository

Access source code via GitHub so you can adapt the content model and queries to suit your needs.
Front-end

Front-end preview

Easily preview the end experience of your website in real-time as you build it.

Starter templates built with you in mind

  • New to content models? That’s ok! We’ve built a marketing website content model for you. Use it as-is or play around with the code to build the exact website you’re going for.

    features-1
features-1

Learn how starter templates work in just a few minutes!

How you work with starter templates

nav-template-asset

Marketing Website Starter Template

* Starter templates are currently only available to new users

Content model

Our starter template provides a ready-to-use content model. Think of a content model as the big picture view of your content and the kinds of content (or content types) you want to create as the pieces that make up that big picture. Each content type will represent a single module of content within your application. Editors can easily use and reuse content types to spin up new pages and layouts quickly and without a developer. It's like Lego, in a sense. A million tiny pieces that you can use to build whatever you want. Spending the time developing a proper content model is essential for the consistency and scalability of your web project.

s-content-2

Quick links

Content modeling basics
Content modeling the Contentful way

Source code repository

Starter template comes with a GitHub repository. It contains all of the information about new features available and how to update and customize the components and the queries you’ll find within your Contentful space. Within this source code repository you’ll also find all of the information needed for deployment – such as a preexisting deploy button setup for Vercel or Netlify.

Source code repo

Your starter template source code repository has been set up so that all you need is your space ID, your content delivery API key, and your preview API key to get going. Git repos can be cloned to your local machine so you can adapt the template to your heart’s content  — whether that mean editing the content model, changing the styling, or updating the content.

View GitHub repository.

Front-end preview

Use the built-in preview to see what your content will look like once it’s live without having to publish first. This helps you troubleshoot errors in formatting, for example, before people outside your organization see and interact with your content. If you find that the built-in preview for Contentful doesn't suit your needs, there is also the option to build a custom preview for your organization. This can be done by creating an app that deals with regions, languages, and other areas that are not offered by the built-in preview. For more information on building a custom preview, see our guide.

Screenshot of Marketing Template publish interface

add-circle arrow-right remove style-two-pin-marker subtract-circle remove