james-gates-0212 / portfolio

❤️A portfolio built using Next.js, Tailwind CSS, and Flowbite is the bee's knees! Next.js provides a powerful framework for building web applications, while Tailwind CSS offers a fantastic set of utility classes for styling. Flowbite is a real game-changer when it comes to creating stunning UI components.

👋 Hello, I'm James Gates.

I'm James, Senior Full Stack Developer & SEO Expert working remotely since 2022 🚀

About me

As an accomplished Senior Full Stack Developer specializing in SEO and MERN Stack development, I offer a proven track record of crafting resilient and intuitive web applications. Proficient in front-end and back-end technologies, I specialize in delivering scalable solutions that elevate user experiences and boost organic traffic through strategic SEO tactics. Leveraging my expertise in the MERN Stack, I create dynamic, responsive applications tailored to meet the evolving demands of contemporary businesses. Committed to continuous learning and staying abreast of cutting-edge technologies, I am adept at delivering pioneering solutions that surpass client expectations.

Web Application Development is not only my job but also my life.

I can work full time, 8+ hours a day, 6 days a week. I hope to work with you in a long time.

portfolio's Issues

configure vercel for cache ttl

A long cache lifetime can speed up repeat visits to your page. Learn more about efficient cache policies.

fix mobile navbar styles

update the whole portfolio content

James Gates' Resume

improve all links

Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users.
Learn how to make links accessible.

Add ✨base path as repository name when build in ❤️GitHub actions.

update logo & avatar in navigation❤️❤️❤️

optimize codes

Make ❤️GitHub workflow for Next.js pages

• Update README.md for ❤️GitHub workflow.
• Add ❤️GitHub workflow for Next.js pages.

portfolio based on nextjs

for SEO & improving performance

2nd optimize codes

google site verification issue

Reduce static assets

• Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity. Learn how to reduce unused CSS.
• Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn how to reduce unused JavaScript.

reduce codes & packages for seo

rewrite vercel.json for assets

to manifest.json, below errors were displayed.
Failed to load resource: net::ERR_CONTENT_DECODING_FAILED

adopt next bundle analysis

https://github.com/hashicorp/nextjs-bundle-analysis

add gtag for google site verification

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1R1XC6TD2Z"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-1R1XC6TD2Z');
</script>

add code owner

make sitemap.xml for seo

❤️replace nav bar image url

SEO issues

• update SEO information
• update manifest.json

convert all images as webp

remove gtag for improving performance

navbar image link issue on github pages

update all links for base path❤️

• use ❤️Link tag instead of a.
• use ❤️Image tag instead of img.

reconfigure next.js bundle analyzer

https://blog.logrocket.com/how-analyze-next-js-app-bundles/

upgrade seo meta

• update SEO meta using helmet
• update icon
• update etc information for SEO

optimize for mobile performance

• fix CLS
• fix LCP

reduce images in navigation bar

reduce images in navigation bar for improving performance of website

improve performance for loading

it takes very long time to open portfolio.
it needs to improve performance of the portfolio.

improve portfolio performance

add additional metadata for seo

• robots meta
• themeColor
• keyword meta

❤️

Avoid large layout shifts

These DOM elements were most affected by layout shifts. Some layout shifts may not be included in the CLS metric value due to windowing. Learn how to improve CLS