Skip to content

CloudCannon/urban-nextjs-template

Repository files navigation

Urban [ LEGACY TEMPLATE NO LONGER MAINTAINED ]

Web Agency themed business template for NextJS. Increase the web presence of your agency with this configurable theme.

Urban template screenshot

Urban was made by CloudCannon, a Jamstack platform for the whole team.

Find more templates, themes and tutorials at CloudCannon Academy.

Deploy to CloudCannon

Features

  • FrontMatter live editing
  • Contact form
  • Pre-built pages
  • Pre-styled components
  • Disqus comments for posts
  • Staff and author system
  • Configurable footer
  • Optimised for editing in CloudCannon
  • RSS/Atom feed
  • SEO tags
  • Google Analytics

Setup

  1. Add your site and author details in data/seo.json.
  2. Add your Google Analytics and Disqus keys to data/site.json.
  3. Get a workflow going to see your site's output (with CloudCannon or NextJS locally).

Develop

Urban was built with NextJS version 12.0.8, but should support newer versions as well.

$ npm install
$ npm run dev

Editing

Urban is already optimised for adding, updating and removing pages, staff, posts, company details and footer elements in CloudCannon.

Posts

  • Add, update or remove a post in the Posts collection.
  • The Staff Author field links to members in the Staff collection.
  • Change the defaults when new posts are created in content/posts/_defaults.md.

Contact Form

  • Preconfigured to work with CloudCannon, but easily changed to another provider (e.g. FormSpree).
  • Sends email to the address listed in company details.

Staff

  • Reused around the site to save multiple editing locations.

Footer

  • Exposed as a data file to give clients better access.
  • Set in the Data / Footer section.

Company details

  • Reused around the site to save multiple editing locations.
  • Set in the Data / Company section.

Contributors 9