Comments (1)
Sections as in different pages or just parts of the same page?
You can create a special frontmatter
variable that indicates the markdown file type. Either blog
or news
, then filter out this.props.data.allMarkdownRemark.edges
in https://github.com/Vagr9K/gatsby-material-starter/blob/master/src/pages/index.jsx#L9 by the variable you have set, and then modify JSX accordingly to get multiple views of page sections (not only for blog posts via PostListing
).
If you want to create separate page for listing news, then you'll have to modify https://github.com/Vagr9K/gatsby-material-starter/blob/master/gatsby-node.js#L69 onCreatePages
to filter out news articles (just as it filters out tags) and create pages based on that.
Please note that I'm not aware of any starters that have support for multiple types of content. You might want to get yourself familiar with Gatsby Node APIs and ask questions in Gatsby's Discord channel.
from gatsby-material-starter.
Related Issues (20)
- Fresh project - Doesn't pull HOT 6
- How to add content HOT 1
- Error installing on macos using documented commands HOT 1
- Can't resolve 'gatsby-link' HOT 8
- Reduce Layout cyclomatic complex
- Reduce dependency on all files to siteConfig HOT 2
- DateFormat handling HOT 1
- Package is out of date: gatsby-plugin-netlify-cms
- Refactor SEO Component HOT 5
- Split post page
- Add contributors guide HOT 1
- Second post has an incorrect previous post HOT 1
- How to adjust width of blog post HOT 1
- Image quality is horrendous! HOT 5
- GraphQL Error Unknown field `childImageSharp` on type `File` HOT 1
- Running npm audit fix breaks the post.jsx query HOT 2
- Image Path trough Content Manager HOT 2
- Unable to load disqus with category_id HOT 1
- Having trouble adding/implementing "gatsby-background-image" HOT 3
- Pagination implementation.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from gatsby-material-starter.