The project was started from a starter offered at the official and community-created starters.
Navigate into your new siteβs directory and start it up.
cd www_walidnewaz_com/
npm run develop
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.
Open the www_walidnewaz_com
directory in your code editor of choice and edit src/pages/index.js
. Save your changes and the browser will update in real time!
All posts are placed in the ./content/blog
directory. Blog posts are written using Markdown files.
Each post contains a Frontmatter formatted content at the top. If a post is featured
, it should be marked featured: true
. The date field in the format YYYY-MM-DD
is required since it allows for the posts to be chronologically ordered on the website.
A quick look at the top-level files and directories you'll see in a typical Gatsby project.
.
βββ content
βββ node_modules
βββ src
βββ .gitignore
βββ gatsby-browser.js
βββ gatsby-config.js
βββ gatsby-node.js
βββ gatsby-ssr.js
βββ LICENSE
βββ package.json
βββ README.md
/src
: This directory will contain all of the code related to what you will see on the front-end of your site (what you see in the browser) such as your site header or a page template.src
is a convention for βsource codeβ./content/blog
: This directory will contain all the published blog posts.
Build, Deploy, and Host On AWS S3
The application uses Github Actions for CI/CD. Deployment workflows will be initiated once code is merged into the staging
and production
branches of the repository. This is the preferred method of deployment.
The project comes with its deployment scripts. To build and deploy to the correct s3 bucket, run the following:
cd www_walidnewaz_com/
npm run publish
Please feel free to reach out for support, feedback, or questions via the following:
- Email: mdwalid@gmail.com
- @GitHub: WalidNewaz