Giter Site home page Giter Site logo

strapi / community-content Goto Github PK

View Code? Open in Web Editor NEW
567.0 27.0 400.0 58.36 MB

Contribute and collaborate on educational content for the Strapi Community

Home Page: https://strapi.io/write-for-the-community

JavaScript 73.22% HTML 1.64% Vue 0.96% CSS 0.49% Ruby 0.12% Java 0.08% Objective-C 0.13% TypeScript 1.06% Starlark 0.06% SCSS 22.22% Mustache 0.03%

community-content's Issues

[TOPIC] Content Modeling Best Practices

My Request

Best practices for building and managing your Strapi content models, field management, etc

Community vote
👍 Upvote if you like this idea
🚀 If you can make the tutorial/article!

[TOPIC] test

The concerning tutorial
Which tutorial has an issue?

Issue
Describe the issue

[REQUEST] How to create a plugin

My Request
Creating you own plugin is one of the most wanted tutorial. We are looking for someone who knows how to create one and who can teach it. This is probably the most important tutorial that can be made right now, needless to say that many people will thank you for that

Preferred Format

  • Article
  • Video

Community vote
👍 Upvote if you need it too
🚀 If you can make the tutorial to help the community!

[TOPIC] The expansion of open source softwares

My Request
The expansion of open source softwares

Why and how open source softwares are taking over the world

Preferred Format

  • Article
  • Video

Community vote
🚀 If you can make the article!

[REQUEST] How to use strapi for your mobile app

My Request
There is actually 0 tutorials on how to use strapi for your mobile application and it has to change! The reason why headless CMS exists is the fact that today new devices are part of our life next to computers like smartphones!
We must therefore offer a tutorial on using strapi for creating mobile app so if you are interested and wish to create the first tutorial of this kind take off the rocket below!

Preferred Format

  • Article
  • Video

Community vote
👍 Upvote if you need it too
🚀 If you can make the tutorial to help the community!

Import content plugin tutorial errors [ISSUE]

The concerning tutorial
How to create an import content plugin (4 part series)

Issue
I would first like to first say thank you to all contributors to this blog series. I feel this series was very helpful and help me to understand some of the core concepts within Strapi.

I have followed the tutorial though to the end, however i encounter the following error when trying to import a file. Does anyone know what my issue might be?

image

Additional Details

  • I can confirm that the importconfig model was generated using the command line as per the instructions
  • I do have the Importconfig.setting.json and Importconfig.js files generated.
  • I can confirm that i have set the roles and permission to my plugin to be publicly accessible.
    image

System Details

  • Strapi version: 3.0.0-beta.19.3 (node v12.6.0)
  • Operating System: Windows 10
  • Database: Postgres, SQL Lite (tested on both)

Lastly is there any way for me to simply install you plugin into my project? I tried simply replicating your files into my plugins folder but doing so seems to break my admin panel and makes it in accessible.

--

Failed to start the Strapi server

I followed the readme and ran these command

cd tutorials/deliveroo-clone-nuxt-strapi-tutorial/backend && yarn && strapi dev

it said no strapi dev command found, then I read the npm script and run script "develop"

[2020-01-30T10:34:30.524Z] debug ⛔️ Server wasn't able to start properly.
[2020-01-30T10:34:30.526Z] error Error: Cannot find module 'stripe'
Require stack:

  • /Users/git/Desktop/git/strapi-tutorials/tutorials/deliveroo-clone-nuxt-strapi-tutorial/backend/api/order/controllers/Order.js
  • /Users/git/Desktop/git/strapi-tutorials/tutorials/deliveroo-clone-nuxt-strapi-tutorial/backend/node_modules/strapi/lib/load/load-files.js
  • /Users/git/Desktop/git/strapi-tutorials/tutorials/deliveroo-clone-nuxt-strapi-tutorial/backend/node_modules/strapi/lib/load/load-config-files.js
  • /Users/git/Desktop/git/strapi-tutorials/tutorials/deliveroo-clone-nuxt-strapi-tutorial/backend/node_modules/strapi/lib/core/load-config.js
  • /Users/git/Desktop/git/strapi-tutorials/tutorials/deliveroo-clone-nuxt-strapi-tutorial/backend/node_modules/strapi/lib/core/index.js
  • /Users/git/Desktop/git/strapi-tutorials/tutorials/deliveroo-clone-nuxt-strapi-tutorial/backend/node_modules/strapi/lib/Strapi.js
  • /Users/git/Desktop/git/strapi-tutorials/tutorials/deliveroo-clone-nuxt-strapi-tutorial/backend/node_modules/strapi/lib/index.js
  • /Users/git/Desktop/git/strapi-tutorials/tutorials/deliveroo-clone-nuxt-strapi-tutorial/backend/node_modules/strapi/lib/commands/develop.js
  • /Users/git/Desktop/git/strapi-tutorials/tutorials/deliveroo-clone-nuxt-strapi-tutorial/backend/node_modules/strapi/bin/strapi.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:980:15)
    at Function.Module._load (internal/modules/cjs/loader.js:862:27)
    at Module.require (internal/modules/cjs/loader.js:1040:19)
    at require (internal/modules/cjs/helpers.js:72:18)
    at Object. (/Users/git/Desktop/git/strapi-tutorials/tutorials/deliveroo-clone-nuxt-strapi-tutorial/backend/api/order/controllers/Order.js:2:16)
    at Module._compile (internal/modules/cjs/loader.js:1151:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1171:10)
    at Module.load (internal/modules/cjs/loader.js:1000:32)
    at Function.Module._load (internal/modules/cjs/loader.js:899:14)
    at Module.require (internal/modules/cjs/loader.js:1040:19)
    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! [email protected] develop: strapi develop
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the [email protected] develop script.
    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/git/.npm/_logs/2020-01-30T10_34_30_535Z-debug.log

[TOPIC] How to use 3rd party providers with multiple frontends

My Request

Strapi was designed to be used with many different "Channels" aka frontends however it seems a tad difficult to figure out how best to use Strapi for multiple frontends when dealing with 3rd party authentication as Strapi really only provides a redirect URL for one.

I think a guide detailing how to do this with say a web based frontend as well as something like a mobile application would be great.

Preferred Format

  • Article
  • Video

Community vote
👍 Upvote if you need it too
🚀 If you can make the tutorial to help the community!

[SUBMIT] Content System Principles

My resource
Atomic, molecular, and component structures use to be more and more common. These principles are used for the graphic (design system) and development (components). We can apply these to content modeling. I would like to write a kind of essay to explain our vision of content modeling. How powerful it can be, how easy it can be maintained, and more. It's a conceptual article to explain the foundations of the vision to become one of the most flexible and customizable open-source headless CMS.

I already started a draft with very basic concepts.

My format

  • Article
  • Video

What do you guy's think?
❤️ I love it!
🚀 I can help you!

[TOPIC] JAMstack + Open source

My Request
JAMstack + Open source

Using the JAMstack is great but using open source JAMstack is awesome

Preferred Format

  • Article
  • Video

Community vote
🚀 If you can make the article!

[REQUEST] First tutorial with Angular

My Request
Our community is mainly composed of React and VueJs developers. However we must not forget Angular developers who deserve to have tutorials on how to create ... with strapi. So we are looking for someone who can write the first tutorial on strapi using angular, it can be anything! "How to create a blog with Angular and Strapi for example"

Preferred Format

  • Article
  • Video

Community vote
👍 Upvote if you need it too
🚀 If you can make the tutorial to help the community!

[TOPIC] What is JAMstack

My Request
What is JAMstack

Preferred Format

  • Article
  • Video

Community vote
🚀 If you can make the article!

[TOPIC] Use Strapi as a LMS

My Request
How schools can use Strapi?

LMS (learning management system) are all pretty terrible
Strapi is a great alternative
Future proof your education tools

Preferred Format

  • Article
  • Video

Community vote
🚀 If you can make this article!

[TOPIC] Multilangual

My Request
It will be nice if it will be possible to add language option to new tutorial for https://strapi.io/blog/strapi-next-setup/. I mean user can select language of the shop and it will be saved for next visit too.

Preferred Format

  • Article
  • Video

Community vote
👍 Upvote if you need it too
🚀 If you can make the tutorial to help the community!

[SUBMIT] How to create a simple Strapi plugin

My tutorial
I want to share some insights I had while making a plugin for Strapi. The plugin I made myself is a sitemap generation plugin. In the tutorial I want to mainly focus on how to share data between the Frontend & Backend of the plugin through the Strapi Store & Redux.

After following the tutorial you should be able to create a simple plugin with an admin page where you can set some settings which can be read in the backend.

My format

  • Article
  • Video

What do you guy's think?
❤️ I love it!
🚀 I can help you!

[SUBMIT] How to create a user profile

My Request
How to create a section on your site that allows users to view information about themselves, their favorite blog posts/recipes/etc. Also, how to edit their information and the required controller work in order to let users edit their own information.

Community vote
👍 Upvote if you like this idea
🚀 If you can make the tutorial/article!

[TOPIC] JAMstack in 2020

My Request

JAMstack in 2020

Preferred Format

  • Article
  • Video

Community vote
🚀 If you can make the article!

[REQUEST]

Modifying nested objects trough the code.

I do not understand how to modify repeatable components inside a model. There is no documentation for that and Mongoose does not work as expected when used with

const result = strapi.query('statscustomer').model.find({ id:"5eb5b14972385865715099dc" });
result.toObject();

error TypeError: result.toObject is not a function

So I can't continue the project. It would be nice if someone could help me with this.

Screenshot 2020-05-08 at 16 01 18

Screenshot 2020-05-08 at 15 59 31

These two images show the structure I'm trying to edit. So if anyone could give me a hint that would be life-saving

Cannot read property 'slice' of undefined

`<script>
import articlesQuery from '~/apollo/queries/article/articles'

export default {
props: {
articles: Array
},
computed: {
leftArticlesCount(){
return Math.ceil(this.articles.length / 5)
},
leftArticles(){
return this.articles.slice(0,this.leftArticlesCount)
},
rightArticles(){
return this.articles.slice(this.leftArticlesCount, this.articles.length)
}
}
}
</script> `

[TOPIC] Explain Strapi Content Vocabulary

My Request
Aligning a community of contributors with an established "vocabulary"

Community vote
👍 Upvote if you like this idea
🚀 If you can make the tutorial/article!

[TOPIC] How to create a store with Strapi

My Request
A lot of users ask for tutorials teaching them how to create a store/e-commerce website using Strapi. If you are interested by creating one, say it in the comment section just below

Preferred Format

  • Article
  • Video

Community vote
👍 Upvote if you need it too
🚀 If you can make a tutorial to help the community!

[SUBMIT] Using a .env file to configure Strapi

My resource
How to setup and use environment variables and .env files for use with Strapi. How these variables can be used to configure sensitive data such as database credentials.

My format

  • [ ✔] Article
  • Video

What do you guy's think?
❤️ I love it!
🚀 I can help you!

[TOPIC] Previews with the JAMstack

My Request
Explanation of previews in the JAMstack environment

A lot of static website generators are getting more and more popular. A very useful feature is getting more attraction Live preview

Preferred Format

  • Article
  • Video

Community vote
🚀 If you can make the article!

Need formdata info

i have a content type whit data text and image, i need load image and data in one request post... but, dont have compability white formdata

[TOPIC] Working without the Box

My Request
Article on how headless removes marketing limitations

Community vote
👍 Upvote if you like this idea
🚀 If you can make the tutorial/article!

[TOPIC] How to create corporate websites using strapi

The Request
Strapi is looking for a writer for our new tutorial program. A lot of our users are using strapi in order to build corporate websites, this is why we want to release an "How to create corporate websites using strapi" tutorial.

One of our great inspiration is Docker and we would like to showcase a Docker-like corporate website.

This tutorial will consist of recreating the Docker corporate website using strapi and one of the following frontend techno (Gatsby, Next.js, Nuxt.js, React, VueJs, Angular)

Why write tutorials?

  • Make a tutorial, improve your writing skills and teach people!
  • Contribute to an open source project
  • We’ll send you an invite to the tutorial makers channel to discuss further about this
  • Receive some goodies

If you think that you can make this tutorial, let me know below or contact me at [email protected], I'll give you more details about it.

Preferred Format

  • Article
  • Video

Community vote
👍 Upvote if you need it too
🚀 If you can make the tutorial to help the community!

BUG - GraphQL error: Forbidden

Hello,

i cloned this repo https://github.com/strapi/strapi-tutorials/tree/master/tutorials/next-strapi-apollo-blog then run commands but in the end i am getting error in frontend.

This is website

Error: {"graphQLErrors":[{"message":"Forbidden","locations":[{"line":2,"column":3}],"path":["categories"],"extensions":{"code":"INTERNAL_SERVER_ERROR","exception":{"data":null,"isBoom":true,"isServer":false,"output":{"statusCode":403,"payload":{"statusCode":403,"error":"Forbidden","message":"Forbidden"},"headers":{}},"message":"Forbidden","stacktrace":["Error: Forbidden"," at handleErrors (C:\\Users\\jakub\\Downloads\\strapi-tutorials-master\\strapi-tutorials-master\\tutorials\\next-strapi-apollo-blog\\backend\\node_modules\\strapi-plugin-users-permissions\\config\\policies\\permissions.js:116:54)"," at module.exports (C:\\Users\\jakub\\Downloads\\strapi-tutorials-master\\strapi-tutorials-master\\tutorials\\next-strapi-apollo-blog\\backend\\node_modules\\strapi-plugin-users-permissions\\config\\policies\\permissions.js:100:12)"]}}}],"networkError":null,"message":"GraphQL error: Forbidden"}

Strapi blog
Error: {"graphQLErrors":[{"message":"Forbidden","locations":[{"line":2,"column":3}],"path":["articles"],"extensions":{"code":"INTERNAL_SERVER_ERROR","exception":{"data":null,"isBoom":true,"isServer":false,"output":{"statusCode":403,"payload":{"statusCode":403,"error":"Forbidden","message":"Forbidden"},"headers":{}},"message":"Forbidden","stacktrace":["Error: Forbidden"," at handleErrors (C:\\Users\\jakub\\Downloads\\strapi-tutorials-master\\strapi-tutorials-master\\tutorials\\next-strapi-apollo-blog\\backend\\node_modules\\strapi-plugin-users-permissions\\config\\policies\\permissions.js:116:54)"," at module.exports (C:\\Users\\jakub\\Downloads\\strapi-tutorials-master\\strapi-tutorials-master\\tutorials\\next-strapi-apollo-blog\\backend\\node_modules\\strapi-plugin-users-permissions\\config\\policies\\permissions.js:100:12)"]}}}],"networkError":null,"message":"GraphQL error: Forbidden"}

And this is console.

null
GraphQL error occurred [getDataFromTree] { Error: GraphQL error: Forbidden
    at new ApolloError (C:\Users\jakub\Downloads\strapi-tutorials-master\strapi-tutorials-master\tutorials\next-strapi-apollo-blog\frontend\node_modules\apollo-client\bundle.umd.js:92:26)
    at C:\Users\jakub\Downloads\strapi-tutorials-master\strapi-tutorials-master\tutorials\next-strapi-apollo-blog\frontend\node_modules\apollo-client\bundle.umd.js:1587:34
    at C:\Users\jakub\Downloads\strapi-tutorials-master\strapi-tutorials-master\tutorials\next-strapi-apollo-blog\frontend\node_modules\apollo-client\bundle.umd.js:2007:15
    at Set.forEach (<anonymous>)
    at C:\Users\jakub\Downloads\strapi-tutorials-master\strapi-tutorials-master\tutorials\next-strapi-apollo-blog\frontend\node_modules\apollo-client\bundle.umd.js:2005:26
    at Map.forEach (<anonymous>)
    at QueryManager.broadcastQueries (C:\Users\jakub\Downloads\strapi-tutorials-master\strapi-tutorials-master\tutorials\next-strapi-apollo-blog\frontend\node_modules\apollo-client\bundle.umd.js:2003:20) 
    at C:\Users\jakub\Downloads\strapi-tutorials-master\strapi-tutorials-master\tutorials\next-strapi-apollo-blog\frontend\node_modules\apollo-client\bundle.umd.js:2130:19
    at Object.next (C:\Users\jakub\Downloads\strapi-tutorials-master\strapi-tutorials-master\tutorials\next-strapi-apollo-blog\frontend\node_modules\zen-observable\lib\Observable.js:322:23)
    at notifySubscription (C:\Users\jakub\Downloads\strapi-tutorials-master\strapi-tutorials-master\tutorials\next-strapi-apollo-blog\frontend\node_modules\zen-observable\lib\Observable.js:135:18)        
    at onNotify (C:\Users\jakub\Downloads\strapi-tutorials-master\strapi-tutorials-master\tutorials\next-strapi-apollo-blog\frontend\node_modules\zen-observable\lib\Observable.js:179:3)
    at SubscriptionObserver.next (C:\Users\jakub\Downloads\strapi-tutorials-master\strapi-tutorials-master\tutorials\next-strapi-apollo-blog\frontend\node_modules\zen-observable\lib\Observable.js:235:7)  
    at C:\Users\jakub\Downloads\strapi-tutorials-master\strapi-tutorials-master\tutorials\next-strapi-apollo-blog\frontend\node_modules\apollo-client\bundle.umd.js:1101:36
    at Set.forEach (<anonymous>)
    at Object.next (C:\Users\jakub\Downloads\strapi-tutorials-master\strapi-tutorials-master\tutorials\next-strapi-apollo-blog\frontend\node_modules\apollo-client\bundle.umd.js:1100:21)
    at notifySubscription (C:\Users\jakub\Downloads\strapi-tutorials-master\strapi-tutorials-master\tutorials\next-strapi-apollo-blog\frontend\node_modules\zen-observable\lib\Observable.js:135:18)        
  graphQLErrors:
   [ { message: 'Forbidden',
       locations: [Array],
       path: [Array],
       extensions: [Object] } ],
  networkError: null,
  message: 'GraphQL error: Forbidden',
  extraInfo: undefined }
null

Thanks for any help with this issue.
Node.js version:
v10.13.0
npm version:
6.13.6
Operating system:
OS Name: Microsoft Windows 10 Pro
OS Version: 10.0.18363 N/A Build 18363

[TRANSLATE] More tutorials in Spanish

The tutorial I want to translate
Some users inside the community asked for more tutorials in Spanish. If you are interested in translating an existing tutorial, feel free to comment which one!

Community vote
👍 Upvote if you agree

[UPDATE]

Hi!
I'm using Expo and react-native-todo-strapi tutorial example.
The only change I've made is bellow (in file Store.js):

// import AsyncStorage from '@react-native-community/async-storage';
import {AsyncStorage} from 'react-native';

[TOPIC] How to boost productivity with Strapi?

My Request
Internal uses of Strapi

Strapi increases productivity
Content creators focus on content
Devs focus on dev work

Preferred Format

  • Article
  • Video

Community vote
🚀 If you can make the article!

[REQUEST] How do i change the file limit when i import CSV file for mongoDB

I want to import CSV file in mongoDB using strapi, for that i used this plugin that's really good plugin.
but the one issue i faced during import CSV file, that is file data limit.
My file data limit is (2000+ rows) that i want to import but its throw error(Payload Too Large) when i import this big file.

so, please help me to resolve this issue or tell me how do i change/increase the file limit.
Thanks

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.