Gatsby Starter Morning Dew

Abstract

1. Introduction

A gatsby-starter-morning-dew is a Gatsby starter to build lightning-fast websites!

2. Objective

:rocket: A Gatsby theme/starter to build lightning-fast blog/websites

This project demonstrates how JavaScript, React, GraphQL can be applied to a real-world Full Stack Web Development problem.

3. Key Features / Modules

• Gatsby 3 / React 16
• SEO optimized
• Write posts/pages in Markdown or MDX
• Code syntax highlight
• Multilang support/i18n (blog post)
• Mobile Friendly (Responsive design)
• Dark mode
• PWA ready
• Offline support
• Manifest support

4. Technology Stack

5. System Requirements

General requirements for this technology stack — check the README for exact versions.

• Node.js (LTS) and npm
• A modern web browser
• VS Code or any code editor
• Git (to clone the repository)

6. Installation & Setup

git clone https://github.com/maxpou/gatsby-starter-morning-dew.git
cd gatsby-starter-morning-dew

1. with Gatsby-cli:
2. without Gatsby-cli
3. Add the theme
4. In your gatsby-config.js, add:
5. Add an image called baymax.png in content/images/baymax.png.
6. maxpou.fr source: Maxence Poutord's personnal blog;
7. gatsby-groot source: a minimalist blog that use this template!

npm install --global gatsby-cli
gatsby new gatsby-blog https://github.com/maxpou/gatsby-starter-morning-dew

git clone my-site git@github.com:maxpou/gatsby-starter-morning-dew.git
cd my-site
npm install

npm install gatsby-starter-morning-dew

const config = require('./data/siteConfig')
  // ...
  plugins: [
      {
        resolve: "gatsby-starter-morning-dew",
        options: {},
      },
      {
        resolve: `gatsby-plugin-manifest`,
        options: {
          name: config.siteTitle,
          short_name: config.siteTitle,
          start_url: config.pathPrefix,
          background_color: config.background_color,
          theme_color: config.theme_color,
          display: config.display,
          icon: 'content/images/company-icon.png', // path to your image
        },
      },
  ],

Full setup instructions are in the project README.

7. Future Enhancements

Suggested extensions you can add to make this your own project.

• Add role-based access control
• Deploy on a VPS or cPanel hosting with a custom domain
• Add automated tests and a CI pipeline

8. Viva / Review Questions

Common questions examiners ask for projects in this domain.

1. Explain the frontend, backend and database layers of this application.
2. How is user authentication and authorisation implemented?
3. Describe the main database tables / collections and their relationships.
4. Which REST APIs or routes are exposed and what do they return?
5. How would you deploy this application to production?

9. Source Code & License

This project is developed by maxpou and published on GitHub under the MIT License. Please follow the license terms and credit the original author when you use or modify this code.