DEV Community

Discussion on: A Little Background

Collapse
 
scottsawyer profile image
Scott Sawyer

I am going through a similar experience. After running an agency for 15 years, i am closing shop (thanks, 2020) and looking for full time employment. My agency site is not really the best place to send potential employers wanting to see examples of my work. Fortunately, it was built with Drupal, so i am using JSON API to pull my projects into Nuxt (partially because i think this will show potential employers some versatility). It's been a fun experience, except figuring out all the server stuff. Have you shared your portfolio site? I'd love to see how it came out.

Collapse
 
cwraytech profile image
Christopher Wray

Hey Scott!
Good luck!!

Yes, my website is now live at chriswray.dev.

You can also fork the GitHub repo to see how I did the data.

Iā€™m sure there are better ways to do what I did now but it was a good learning experience. šŸ¤“

Collapse
 
cwraytech profile image
Christopher Wray

You can also fork the backend which is also in my GitHub to see how the CMS is set up and how I am pulling in the data from the API that way.

Thread Thread
 
scottsawyer profile image
Scott Sawyer

Sweet. Here is my portfolio. I just got NGINX to work the way I want.

Here is my repo

I did the axios set up a bit differently, I am pulling the content from Drupal in the store. It was pretty fun, but at times frustrating.

Thread Thread
 
cwraytech profile image
Christopher Wray

Scott! This is amazing! Wonderful work. I'm so impressed.

Thread Thread
 
scottsawyer profile image
Scott Sawyer

Thank you, though i wouldn't call it "amazing", i am pretty happy with it. Still not sure if i have Nuxt "right", I can't seem to get the meta descriptions to be recognized, and that youtube embed is flakey.

Btw, i really like your design motif, really clean.

Thread Thread
 
cwraytech profile image
Christopher Wray • Edited

Hey Scott, I saw the site initially on mobile, and I thought the design was great! The containers may need a little constraining so they don't go too wide on larger screens. For that I would just add a max-width property in the CSS on the class that they all have.

I used Vue Meta for the meta descriptions, and had a little issues as well until I realized that the hid and name attribute should be just description, not the meta description itself. The nuxt docs weren't really clear about that.

Here is where I got the docs: nuxtjs.org/docs/2.x/features/meta-...

You can also check out the pages/index.vue file in my portfolio repo to see how my meta info is set up.

The meta is at the very bottom of the file.

Thread Thread
 
scottsawyer profile image
Scott Sawyer

That was it! Thank you!

Thread Thread
 
cwraytech profile image
Christopher Wray

That's great! Let me know if I can help more.