⚠️ Please note that this project is my legacy portfolio and is no longer actively maintained.

👋 Welcome to my V2 portfolio's repo.

Versions of sld.codes can be seen here:

Current Version: sld.codes (Repo not public)

Version 2: v2.sld.codes (The repo you're looking at)

Version 1: v1.sld.codes (Repo here)

I built the whole site using my favourite react framework - Gatsby! If you haven't heard of it, you should check it out here:

Learn Gatsby

About the site

This site is my corner of the internet. I use it to experiment and document my front-end adventures.

The site has been redesigned and rebuilt many times. Its current tech stack uses GatsbyJS, Redux, Socket.IO, Tailwind & Firebase. All UX design and code was completed by me with a little inspiration. You can read about how parts of the site were created by reading my articles.

This site features photography by @thepaulbalaji and 3D illustrations by @allsortscreativeuk.

Inspiration

This site contains many ideas inspired by some awesome developers and designers, I encourage you to check out their work: @joshwcomeau, @mxbck, @yannispanagis, @celikkoseoglu, @jxnblk, @duncanbain, @wesbos, @jlengstorf, @ryangregorydev

Frequently Asked Questions

Can I use this site's code?

Yes, you can fork this repo. Please give me proper credit by linking back to sld.codes.

I want to keep this site open source however it's always disheartening to find that someone has copied my work without giving me credit. I spent a non-trivial amount of effort building and designing sld.codes, and I am proud of it! All I ask of you is to not claim this effort as your own.

I own the images used within the hero section of this site that are referenced in the code. Please do not use without my express permission.

Can you help me get started?

If you have questions about implementation, please refer to the this page and the Gatsby docs. I have spent considerable time ensuring that there are comments throughout the code to help you get started. Due to the amount of requests I receive, I cannot help individuals but may answer the odd question on twitter.

What is the best way to credit you?

Please give me proper credit by linking back to sld.codes.

How can I support you?

My site has no ads or sponsors. If you've enjoyed my content or used this site's code please consider supporting what I do. If you want to say thankyou and support me you can do so here.

🛠 Installation & Set Up

1. Install the Gatsby CLI

   npm install -g gatsby-cli

2. Install and use the correct version of Node using NVM

   nvm install

3. Install dependencies

   npm install

4. Start the development server

   npm start

🚀 Building and Running for Production

1. Generate a full static production build

   npm run build

2. Preview the site as it will appear once deployed

   npm run serve