Code Monkey home page Code Monkey logo

nikcio.uheadless's Introduction

Nikcio.UHeadless

Quality Gate Status Build UHeadless Nuget Downloads Nuget Version Nuget (with prereleases)

Welcome to Nikcio.UHeadless, a powerful package that enables you to create a headless GraphQL interface for your Umbraco CMS. This package provides an easy to setup solution for exposing your data and offers a wide range of extensibility options to tailor the headless functionality to your specific needs.

Compatibility

The Nikcio.UHeadless package is compatible with the following Umbraco versions:

Umbraco version Supported Version
Umbraco 10 v3.x.x
Umbraco 12 v4.x.x
Umbraco 13 v4.2.x+ & v5.x.x
Umbraco 14 v6.x.x

For more information, please refer to the Versioning section.

Setup

Installation

To install the Nikcio.UHeadless package, run the following command:

dotnet add Nikcio.UHeadless

You can also find the package on NuGet.

Integration

To integrate the package into your project, follow these steps:

  1. Open your Program.cs file.

  2. Add the following using statements:

    using Nikcio.UHeadless;
    using Nikcio.UHeadless.Defaults.ContentItems;
  3. On the UmbracoBuilder, add the following code:

    builder.CreateUmbracoBuilder()
        // Default Umbraco configuration
        .AddUHeadless(options =>
        {
            options.DisableAuthorization = true; // Change this later when adding authentication - See documentation
    
            options.AddDefaults();
    
            options.AddQuery<ContentByRouteQuery>();
            options.AddQuery<ContentByGuidQuery>();
        })
        .Build();
  4. Then after the app.BootUmbracoAsync() method, add the following code:

    await app.BootUmbracoAsync();
    
    app.UseAuthentication();
    app.UseAuthorization();
    
    GraphQLEndpointConventionBuilder graphQLEndpointBuilder = app.MapUHeadless();
    
    // Only enable the GraphQL IDE in development
    if (!builder.Environment.IsDevelopment())
    {
        graphQLEndpointBuilder.WithOptions(new GraphQLServerOptions()
        {
            Tool =
            {
                Enable = false,
            }
        });
    }
    
    app.UseUmbraco()
        // Default Umbraco configuration

With these configurations in place, your content will be available at /graphql.

To get started, try querying your content using their GUIDs or routes. For example with the query below:

Tip: GUIDs can be found in the info tab when viewing content in the backoffice

query {
  contentByGuid(id: "dcf18a51-6919-4cf8-89d1-36b94ce4d963") {
    id
    key
    name
    statusCode
    templateId
    updateDate
    url(urlMode: ABSOLUTE)
    urlSegment
  }
}

Documentation

For detailed documentation and usage instructions, please refer to the Nikcio.UHeadless Documentation.

Versioning

Nikcio.UHeadless follows the principles of Semantic Versioning to ensure consistency. The version numbers have the following meaning:

vX.Y.Z
  • X (Major): Indicates a breaking change.
  • Y (Minor): Signifies a feature change.
  • Z (Patch): Represents bug fixes.

Full version table

Umbraco version Supported Versions Development
Umbraco 9 v1.x.x & v2.x.x No development
Umbraco 10 v2.x.x & v3.x.x Only reported issues for v3.x.x
Umbraco 11 v3.x.x & v4.x.x No development
Umbraco 12 v4.x.x Only reported issues for v4.x.x
Umbraco 13 v4.2.x+ & v5.x.x Active branch (v5.x.x)
Umbraco 14 v6.x.x Aligned with v5

Contributing

We welcome contributions to Nikcio.UHeadless. Please refer to the Contributing Guide for more information on how to get involved.


Sponsor Nikcio.UHeadless Development

If you find Nikcio.UHeadless valuable and would like to support its ongoing development, consider sponsoring the project through GitHub Sponsors. Your sponsorship helps ensure the continued improvement and maintenance of this package. Thank you for your support!

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.