Giter Site home page Giter Site logo

nextjs-netlify-cms's Issues

How do add dynamic pages?

How would I need to add dynamic pages, if one uses a .yaml file one can use something like this

collections:
  - name: 'support'
    label: 'Support'
    folder: '_support/component'
    path: '{{slug}}/index'
    create: true
    fields:
      - label: Title
        name: title
        widget: string
      - label: Body
        name: body
        widget: markdown

how would that translate to the config.js file

Error when run ">npm run build" on window 11.

Failed to compile.

./pages/admin.tsx:4:3
Type error: Argument of type '() => Promise<void | ComponentClass<never, any> | FunctionComponent | { default: ComponentType; }>' is not assignable to parameter of type 'DynamicOptions<{}> | (() => LoaderComponent<{}>) | LoaderComponent<{}>'.
Type '() => Promise<void | ComponentClass<never, any> | FunctionComponent | { default: ComponentType; }>' is not assignable to type '() => LoaderComponent<{}>'.
Type 'Promise<void | ComponentClass<never, any> | FunctionComponent | { default: ComponentType; }>' is not assignable to type 'LoaderComponent<{}>'.
Type 'void | ComponentClass<never, any> | FunctionComponent | { default: ComponentType; }' is not assignable to type 'ComponentClass<{}, any> | FunctionComponent<{}> | { default: ComponentType<{}>; }'.
Type 'void' is not assignable to type 'ComponentClass<{}, any> | FunctionComponent<{}> | { default: ComponentType<{}>; }'.

2 | import config from '../cms/config';
3 | const CMS = dynamic(

4 | () =>
| ^
5 | import('netlify-cms-app').then((cms) => {
6 | cms.init({ config });
7 | }),
info - Creating an optimized production build .

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.