How I Built my Portfolio Website in Gatsby JS using React Bootstrap & Netlify CMS

Подписаться 12 тыс.

Просмотров 6 тыс.

50% 1

I rebuilt my web design portfolio in Gatsby and it flies. Gatsby sites are fast and, combined with Gatsby Image, they are truly super fast. I break down how I hit 100/100 on Google's PageSpeed Insights and show you how I utilized React Bootstap and Netlify's services on my website.
Thanks,
Haydn
- - - - -
⤵ Download ALL of my source codes & more!
Introducing ADWC PRO
pro.adesignerw...
ADWC Pro provides you with:
• Access to all the source codes for ALL projects
• Bootstrap Bootstrap online course (retail $79) w/ supplied source code
• All future online courses (Gatsby v5 course coming soon)
• Updates of ADWC and the web dev business
• and more!
Price:
Just $6/mo. or $49/year (32% off monthly)
-------
Got a question for me?
adesignerwhoco...

Опубликовано:

12 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 8

@arthurboss.youtube 3 года назад

Amazing paced explanation and walkthrough!! I admire the setup of tools you picked for the website, seems like it was the perfect fit for this purpose.

@ADesignerWhoCodes 3 года назад

Thanks! Gatsby does make for a great website builder tool.

@Hariskhan488_tech 3 года назад

I was like wait, how comes it's possible that the local host will works on google page insight lolz, luckily you realized ! else my brain was about to get hurt

@ADesignerWhoCodes 3 года назад

Bahahaha. Behold my magic powers! It hurt my brain for a second too.

@loganwalsh 4 года назад

Excellent video! Thanks for this deep dive explanation!

@ADesignerWhoCodes 4 года назад

Glad you enjoyed it!

@nahida4444 4 года назад

Great video! I am currently searching for a way to filter my projects. Say I have three buttons, all, design and game. Clicking design will only show design projects and so on. Do you have any suggestion for such a function?

@ADesignerWhoCodes 4 года назад

Yes. In GraphQL, you can filter your results. Here is how I used it in project: filter: {frontmatter: {categorySlug: {eq: "special-guests/"}} I simply made a category called "special-guests" and filtered that frontmatter. I hope that helps you. Spend some time in GraphiQL.