https://github.com/cloudcannon/urban-nextjs-template
:cloud: Agency template for Next.js
https://github.com/cloudcannon/urban-nextjs-template
nextjs nextjs-starter nextjs-template nextjs-theme static-site-generator
Last synced: 11 months ago
JSON representation
:cloud: Agency template for Next.js
- Host: GitHub
- URL: https://github.com/cloudcannon/urban-nextjs-template
- Owner: CloudCannon
- Created: 2021-09-09T23:04:18.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-09-26T20:28:39.000Z (over 2 years ago)
- Last Synced: 2025-06-06T10:12:50.952Z (12 months ago)
- Topics: nextjs, nextjs-starter, nextjs-template, nextjs-theme, static-site-generator
- Language: JavaScript
- Homepage:
- Size: 2.6 MB
- Stars: 5
- Watchers: 4
- Forks: 3
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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 was made by [CloudCannon](https://cloudcannon.com/), a Jamstack platform for the whole team.
Find more templates, themes and tutorials at [CloudCannon Academy](https://learn.cloudcannon.com/).
[](https://app.cloudcannon.com/register#sites/connect/github/CloudCannon/urban-nextjs-template)
## 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](https://cloudcannon.com/)
* 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](https://app.cloudcannon.com/) or NextJS locally).
## Develop
Urban was built with [NextJS](https://nextjs.org/) version 12.0.8, but should support newer versions as well.
~~~bash
$ 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](https://app.cloudcannon.com/).
### 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](https://app.cloudcannon.com/), but easily changed to another provider (e.g. [FormSpree](https://formspree.io/)).
* 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.