/material-home-page

Production-ready personal page managed using Contentful.

Primary LanguageTypeScript

MaterialUI Personal page

Production-ready personal page managed using Contentful.

material-home

🚀 Quick start

  1. Create an account and a space on Contentful.

Create a free account on Contentful Get started, and get an API token

  1. Configure your environment.

Set following environment variables:

  • CONTENTFUL_SPACE: Contentful space identifier
  • CONTENTFUL_MANAGEMENT_ACCESS_TOKEN: Your access token to Contentful management API
  • CONTENTFUL_ACCESS_TOKEN: Your access token to Contentful API
  • CONTENTFUL_HOST: (optional) You can set this variable to preview.contentful.com to see your Drafts.
  1. Bootstrap Contentful content types and default content

Get your Contentful Management key on https://app.contentful.com/spaces/[YOUR SPACE ID]/api/cma_tokens. Remember to set it on CONTENTFUL_MANAGEMENT_ACCESS_TOKEN environment variable.

Run yarn contentful:setup to prepare your space with content types.

On your contentful space, create an Author entry with default field set as true, and a Setting called siteName.

After that, you'll be able to launch your application.

  1. Write your content and deploy it!

After writing your content on CMS, you can run yarn build and deploy out/ folder to your preferred static asset server.

📄 Page structure

This application contains 4 main pages:

  • /: Initial page includes author details, home cards and social links
  • /resume: Resume page includes professional experiences, academic formation and skills
  • /portfolio: Portfolio page lists all portfolio entries
  • /blog: Blog page lists and show Post entries

🌍 Locales

Currently, material-home-page supports those languages. Remember to create them on Contentful (https://app.contentful.com/spaces/[SPACE ID]/settings/locales)

  • 🇩🇪 Deutsche (de-DE)
  • 🇺🇸 English (en-US)
  • 🇪🇸 Español (es-ES)
  • 🇫🇷 Français (fr-FR)
  • 🇮🇹 Italiano (it-IT)
  • 🇧🇷 Português do Brasil (pt-BR)