jbratcher / direction-theme

A event/conference theme for Nuxt / Netlify CMS quickstart

Direction

A event/conference theme for Nuxt and Netlify CMS quickstart

One click deploy to Netlify

Built on top of Nuxt Netlify CMS Starter Kit

Features

• Quick start
• Pre-configured
• Continuous integration/deployment
• Easy routing and page creation with Nuxt
• Netlify CMS to create and update blog content

How to use

Getting Started

1. Clone the repository locally and cd into the directory.

git clone https://github.com/jbratcher/direction-theme

cd nuxt-netlify-cms-starter

2. Install dependencies.

yarn install

3. Run the project for local dev. This will start a hot-reloading server at localhost:3000.

yarn dev

4. Build the app for server-side rendered deployment. See more about Universal SSR in the Nuxt.js docs.

yarn build

# And to serve that deployment...
yarn start

5. Generate a fully pre-rendered static site. See more in the docs.

yarn generate

This project was bootstrapped with create-nuxt-app. There are more detailed explanations of how everything works in the Nuxt.js docs.

Activating Netlify CMS

This project comes with Netlify CMS and a basic blog configuration.

To use Netlify CMS:

Authenticating with Netlify Identity

1. Deploy to Netlify at least once.
2. Go to Settings > Identity, and select Enable Identity service.
3. Once enabled, select Settings and usage, and scroll down to Registration preferences. You can set this to either Open or Invite only, but usually Invite only is your best bet for a personal site.
4. If you don't want to create an account, or would like to use an external provider such as GitHub or Google, you can enable those services under External providers.
5. Scroll down to Services and click Enable Git Gateway.

Local Setup

1. In your browser, navigate to localhost:3000/admin.
2. Enter the Netlify URL of your site when prompted.
3. Login with the account you created or one of the external providers, if you enabled them.

To change netlify deploy url, run localStorage.removeItem("netlifySiteURL") in the browser console.