AlexSrebernic
Alex SrebernicWeb developer
Back to list

· tutorial 2 min read

How to set up Techfolio

While easy to get started, Techfolio is quite complex internally. This page provides documentation on some of the more intricate parts.

While easy to get started, Techfolio is quite complex internally.  This page provides documentation on some of the more intricate parts.

Overview

Navigating the inner workings of Techfolio might seem like a daunting task, especially when it comes to its various usage points.

This section aims to elucidate and simplify some of the methodologies inherent in Techfolio. Consider it a roadmap for further customization or a manual for integrating techniques into your own projects.

Language

Presently, Techfolio extends support to just two languages: English and Spanish. However, expanding its linguistic horizons is a straightforward endeavor with the following configuration steps:

  • Configuration File (src/config.yml): This pivotal file serves as the nucleus of the Techfolio template. Within its confines, you wield the power to toggle and tweak site settings. Here, you can effortlessly activate or deactivate project, blog, and store features. Additionally, language augmentation is seamlessly integrated into the template structure.

  • Internationalization (src/i18n): Delve into this directory to unearth the translations of the user interface. To harness the full potential of your preferred language, meticulous translation of every text fragment within the files is imperative. Furthermore, you must import the file into utils.tsx and append the requisite case inside the switch in the useTranslations function.

  • Content Management: Your portfolio’s essence is encapsulated within MDX files residing in the content folder. Refer to the schemas outlined in the config.ts file to craft the data that will grace your portfolio’s display.

Content

The fabric of your portfolio is woven using MDX, nestled snugly within the pre-configured files housed in the content directory. Referencing the schemas delineated in the config.ts file, here you sculpt the substance that will adorn your portfolio.

Deployment

While my personal preference leans towards Cloudflare hosting, deploying Techfolio is a breeze on Netlify, ensuring swift and hassle-free setup. Take a look at the Cloudflare page about how to deploy an Astro site

Get Started

To begin developing with the Techfolio template, access this link on GitHub: Techfolio. If you need assistance getting started, don’t hesitate to contact me through this link or via any of my social media channels.

Related Posts

View All Posts »
My Experience with Claude.ai: Transforming Software Development with AI

My Experience with Claude.ai: Transforming Software Development with AI

Over the past few months of developing with artificial intelligence, I decided to acquire the Pro version of Claude. I want to share how this tool has significantly impacted multiple aspects of my journey as a programmer, revolutionizing my approach to software development and content creation.