dionarodrigues/diogorodrigues.dev

My personal website. 😁✨

Hello, I'm Diona Rodrigues!

I work as a web designer front-end developer with UI/UX design skills (front-end designer). I´m based in Dublin, Ireland.

Since 2009 I've been living and breathing web development and creating modern and user friendly interfaces. I've had the chance to immerse myself in many different works and projects, helping to make this world a little better through design & code. ✨😍

What I'm focusing on 👨‍💻

Currently improving my React skills, specially NextJS.
BTW, if you´re looking for a Next.js starter, take a look at this Next.js boilerplate that I created.

My most recent posts on dev.to 😃🧾

• Modern starter for Next.js applications written in TypeScript and more
• What I have learned by working remotely in this pandemic period
• How to apply emotional design in your projects
• Automating UI tests with Jest and React Testing Library
• Inspiring web designers and developers to follow on Twitter

Find me elsewhere 🌎

dionarodrigues.dev

diogorodrigues.dev's Issues

Localized links for second language is not working

Hi! When I switch from English to Portuguese or access https://www.diogorodrigues.dev/pt/ , all links have additional "/pt" part: like https://www.diogorodrigues.dev/pt/pt/blog/web-designers-e-desenvolvedores-front-end-para-seguir-no-twitter
instead of https://www.diogorodrigues.dev/pt/blog/web-designers-e-desenvolvedores-front-end-para-seguir-no-twitter

That leads me to 404 page.

I found that for <Link /> gatsby component you need add / to the current path. Without that it'll take the relative path.

Solution:

in file src/components/localizedLink.js add slash to the beginning of the path:

// import React from 'react';
// import { LocaleContext } from '../layouts/BaseLayout';
import locales from '../../config/i18n';

// Use the globally available context to choose the right path
function localizedLink(to, locale = 'en') {
  const isIndex = to === `/`;

  // If it's the default language, don't do anything
  // If it's another language, add the "path"
  // However, if the homepage/index page is linked don't add the "to"
  // Because otherwise this would add a trailing slash
  if (locales) {
    const path = locales[locale].default
      ? to
     : `/${locales[locale].path}${isIndex ? `` : `${to}`}`; // Add slash to the beginning of the path

    return path;
  }

  return '';
}

export default localizedLink;

---

I'm learning to code and find your portfolio great as inspiration and learning resourse! thanks 😊