https://github.com/davbree/scientific-spruce
Jamstack site created with Stackbit
https://github.com/davbree/scientific-spruce
contentful gatsby headless jamstack ssg stackbit static
Last synced: about 2 months ago
JSON representation
Jamstack site created with Stackbit
- Host: GitHub
- URL: https://github.com/davbree/scientific-spruce
- Owner: davbree
- License: mit
- Created: 2020-12-07T10:38:00.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-12-07T11:04:13.000Z (over 5 years ago)
- Last Synced: 2025-10-09T19:16:55.563Z (9 months ago)
- Topics: contentful, gatsby, headless, jamstack, ssg, stackbit, static
- Language: JavaScript
- Homepage: https://jamstack.new
- Size: 1.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
RG-Portfolio
Kick-off your Portfolio website with RG-Portfolio gatsby starter. We have used [Gatsby](https://www.gatsbyjs.org/) + [Contenful](https://www.gatsbyjs.org/packages/gatsby-source-contentful/?=Contenful).
### Live Demo:
https://rg-portfolio.netlify.com/
### Feature:
- Blogs listing with each blog post.
- Contact form with Email notification using formspree.io.
- Photos and Blogs page listing.
- Different types of sections like About, Service, Blogs, Work, Testimonials, Photos, and contact.
- All settings manage from contentful for example Header Menu, Homepage sections, blogs, and photos, etc.
- Social share in blog details pages with comment ( Disqus ).
- PWA
## 🚀 Quick start
1. **Setup this site.**
Use the Gatsby CLI to Clone this site.
```sh
# Clone this Repositories
gatsby new rg-portfolio https://github.com/Rohitguptab/rg-portfolio.git
```
1. **Setup Contentful Models**
Use [contentful-cli](https://github.com/contentful/contentful-cli) to import the models from contentful-data.json
```
contentful space --space-id import --content-file contentful-data.json
```
Checkout my below blog how to Import and Export data from ContentFul
[https://rohitgupta.netlify.app/import-and-export-data-with-contentful-cli](https://rohitgupta.netlify.app/import-and-export-data-with-contentful-cli)
1. **Start developing.**
Navigate into your new site’s directory and start it up.
```sh
cd rg-portfolio
npm install
gatsby develop
```
1. **Setup your Own Configure Projects.**
Enter your own key
[ContentFul](https://be.contentful.com/login):
- spaceId = **Key**
- accessToken = **Key**
1. **Open the source code and start editing!**
Your site is now running at `http://localhost:8000`!
_Note: You'll also see a second link: _`http://localhost:8000/___graphql`_. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the [Gatsby tutorial](https://www.gatsbyjs.org/tutorial/part-five/#introducing-graphiql)._
Open the `rg-portfolio` directory in your code editor of choice and edit `src/pages/index.js`. Save your changes and the browser will update in real time!
## 🎓 Learning Gatsby
Looking for more guidance? Full documentation for Gatsby lives [on the website](https://www.gatsbyjs.org/). Here are some places to start:
- **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby](https://www.gatsbyjs.org/tutorial/).** It starts with zero assumptions about your level of ability and walks through every step of the process.
- **To dive straight into code samples, head [to our documentation](https://www.gatsbyjs.org/docs/).** In particular, check out the _Guides_, _API Reference_, and _Advanced Tutorials_ sections in the sidebar.
## 💫 Deploy
[](https://app.netlify.com/start/deploy?repository=https://github.com/Rohitguptab/rg-portfolio)