blog.js | A blogging framework for node.js | Blog library

I am trying to render nested lists with vue components. My approch so far is to create two compontens: One component to render the 'Blog' posts and one component to render the comments. The 'Blogs' are rendering just fine, but the whole 'comments' are missing. I get no errors other than a warning, that I should the lists should have explicit keys. Can someone explain why the 'comments' are not rendering?

I am using Django 3.2

I am trying to integrate a blog app that has a slightly convoluted directory structure for its static assets. Here is the relevant part of the tree:

I'm setting blog pagination in Gatsby like this:

gatsby-node.js File:

I am using GatsbyJS & gatsby-source-wordpress on my site. Is it somehow possible to skip both front page and blog page that has been assigned in reading settings on my WordPress site during the creation of pages?

During research I found a WordPress plugin wp-graphql-homepage by Ash Hitchcock which returns a Page type of the homepage and page for post page set under the reading settings. However, still not quite sure if that should be used to accomplish what I am trying to?

I also found I can query for isPostsPage and isFrontPage. Maybe once I have those, I can chain filter onto allWpPage.nodes when about to run createPages.

e.g., allWpPage.nodes.filter(node => !node.isFrontPage || !node.isPostsPage).map(... ? Just not quite sure how?

The reason why I want to skip front page and post page is because I do have a index.js and blog.js placed in src/pages. Because of this, I do get a error during page creation when running gatsby develop:

First I'm gonna present the code I have and then explain the problem:

I'm having this on my gatsby-node.js:

I'm learning MERN stack development, when I tried to connect the database through .env file, everything was working fine. Here is how my database string looks like:

I want to add a new item(title, content, author) under "blogs" in JSON. But I'm new to this. I don't know how to improve that. My current progress is that it will create a new array rather than fill in the "blogs". This my PHP code

I am trying this : https://nextjs.org/learn/basics/data-fetching/implement-getstaticprops but I have created a new component instead of directly adding to index.js file.

While what is given in the tutorial works for me, if I try using a separate component, getStaticProps or getInitialProps returns undefined as the props.

I am adding this question as I have wasted three days to understand the root cause of it and still not able to debug it.

Answer to this question didn't worked for me: Getting props as undefined in component returned from getStaticProps

Here is my code:

_app.js :

I'm building this news website which takes input the news topic (that the user wants to see), fetches data from an api and renders them. But when I dispatch the action, the user inputted topic doesn't reach searchBlog.js. See below for clarity.

All the import/export works fine, I've tested them.

The SearchBar component from where the action is called