Making some custom changes to gatsby starter theme
To make your site stand out from the default, you have to make some custom changes.
Just to let the world know, "You have started"
Below are some custom changes which i have made in this site,
To increase number of posts displayed in homepage from default 3. Check the below file,
Spacing updates ( thought there were big gap between content & texts )
Blog post : Increasing space between H4 and previous element
Home page : Reducing the space between Latest posts and Home projects
Home page : Enabling tags in Latest posts
Home page : More space between multiple sections in the bottom
Blog page : Reducing the space between Header and Blog title
Blog page : Updated space between "Blog" title and list items
All the above changes can be made permanent, what do you mean permanent ? If you ask,
npm installwill overwrite all the above changes as modules get installed in
node_modulesfolder. So to avoid that and make the changes permanent you can follow, procedures mentioned in Gatsby Shadowing Concepts and Long story short, basically you will have create folders and files,
For instance, take you have updated file in below path,
Copy the file to the below path( create required folders )
Do rememember these files will be having
importstatements and those files need to copied as well. So folder looks like this due to dependent files.
Adding 404 page : Create a new page in
Above are some minimal custom changes, i have done to the site, before the first deployment/implementation.
# Next steps
I will be making more custom changes as maintenance is always an on-going process.
Below are some custom changes, i have in mind at the moment,