An open API service indexing awesome lists of open source software.

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

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 template screenshot](public/images/_screenshot.png)

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/).

[![Deploy to CloudCannon](https://buttons.cloudcannon.com/deploy.svg)](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.