Code Monkey home page Code Monkey logo

contentful-clone-entry's Introduction

Contentful Clone Entry Extension

An extension that allows you to selectively clone entries and their children.

Feel free to fork and customize to your needs or submit a PR if you see something that needs to be fixed or could be improved. =)

Setup

Install the Contentful CLI

https://github.com/contentful/contentful-cli

Run npm run login && npm run configure

Enter your personal Contentful Management API (CMA) token. You can create personal access tokens using the Contentful web app ([https://app.contentful.com]). Open the space that you want to access (the top left corner lists all spaces), and navigate to the APIs area. Open the Content management tokens section and create a token.

Installation

Directions on how to install extensions from github can be found here([https://www.contentful.com/developers/docs/extensibility/ui-extensions/examples/]).

Local Development

Run contentful space environment use and select development

Then run npm run start to start the dev server at localhost:1234. Navigating to this page will show a blank page - this is intentional.

To see the extension and start developing:

  1. Login to Contentful and open the space
  2. Click the menu in the upper-left corner, select the correct environment
  3. Goto 'Content Model' and select the model you'd like the extension to be available one
  4. Click 'Sidebar' -> 'Use custom sidebar' -> select the UI extension
  5. If you don't see the extension here, goto 'Settings' -> 'Extensions' and make sure the extensions is shown (starting the dev server should install a dev extension)
  6. Click on the 'Content' in the top nav and select an entry of the model you added the sidebar extension to
  7. In the address bar, click the icon in the far right and click 'Load unsafe scripts' (or the equivalent)
  8. Now the extension should be visible in the sidebar of the entry

Your local changes will show immediately in Contentful. If they aren't, run npm run clean to clear the .cache folder and restart the dev server with npm run start.

Deploying

contentful space environment use and select the environment you'd like to deploy to.

npm run deploy

This will build the extension and deploy it to Contentful.

Resources

Documentation for Contentful Management API: https://contentful.github.io/contentful-management.js/contentful-management/5.11.3/index.html

contentful-clone-entry's People

Contributors

abohannon avatar

Watchers

 avatar  avatar

contentful-clone-entry's Issues

Does this still work?

Sorry if this isn't the right place to ask, but I'm trying to set this up and it doesn't seem to do anything. I'm not sure if I'm doing something wrong or Contentful has just changed and it's not compatible anymore. I've never used Contentful UI extensions before, so I'm not sure if I'm doing it right. I added it as an extension from GitHub, and these are the settings I'm using:
image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.