LekoArts/portfolio-v2

Stars
150
Rank 247,323 (Top 5 %)
Language MDX
License
GNU General Publi...
Created about 4 years ago
Updated 5 months ago

LekoArts/portfolio-v2

LekoArts

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Personal website with articles 📚, projects 🎨, and other information about me.

lekoarts.de

Hello 👋

Welcome to the source code of lekoarts.de. Similarly to my old website (v1) you can also see how I created the v2 of my own personal site. Gatsby + MDX powers the whole site and vanilla-extract is used for styling.

While the code itself has no LICENSE (but is still a public repository) I'd appreciate it if you only use it to read it and learn from it. Do not do any non-commercial/commercial stuff with it, e.g. selling it or creating your own site with it. This has worked in the past and I'd like to keep the code open to everyone, but if I see ripoffs on the internet I'll make this repository private. Thanks for understanding!

If you found a typo in a post and want to fix it, you can go the the content folder and find the relevant MDX file. Highly appreciated!

You can find Free & Open Source Gatsby Themes I made at themes.lekoarts.de.

gatsby-themes

Get high-quality and customizable Gatsby themes to quickly bootstrap your website! Choose from many professionally created and impressive designs with a wide variety of features and customization options.

gatsby-starter-portfolio-cara

Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Especially designers and/or photographers will love this theme! Built with MDX and Theme UI.

gatsby-starter-minimal-blog

Typography driven, feature-rich blogging theme with minimal aesthetics. Includes tags/categories support and extensive features for code blocks such as live preview, line numbers, and line highlighting.

gatsby-starter-portfolio-emilia

Minimalistic portfolio/photography site with masonry grid, page transitions and big images. Themeable with Theme UI. Includes Light/Dark mode.

gatsby-starter-portfolio-jodie

Image-heavy photography portfolio with colorful accents & customizable pages. Includes adaptive image grids powered by CSS grid and automatic image integration into projects.

gatsby-starter-portfolio-emma

Minimalistic portfolio with full-width grid, page transitions, support for additional MDX pages, and a focus on large images. Especially designers and/or photographers will love this theme! Built with MDX and Theme UI.

portfolio

v1. Latest version: https://github.com/LekoArts/portfolio-v2

figma-theme-ui

Convert a Theme UI config to Figma Styles

gatsby-starter-portfolio-bella

A bright single-page portfolio starter for Gatsby powered by Prismic.io. The target audience are designers and photographers.

gatsby-remark-design-system

🎨 Create your design system with Gatsby in Markdown

gatsby-starter-portfolio

Gatsby.js Starters by LekoArts. Primarily aimed at Designers & Photographers. Minimalistic & fast websites!

gatsby-source-tmdb

🎬 Source from The Movie Database (TMDb) in Gatsby

gatsby-status-dashboard

Show the live statuses of your Netlify and CircleCI builds on your website! Easily integrate the customizable components into your site and adapt them to your theme (utilizing Theme UI).

gatsby-starter-tmdb

Source from The Movie Database (TMDb) API (v3) in Gatsby.

gatsby-starter-styleguide

Instantly create a styleguide page based on your Theme UI configuration. Zero-config — just install the theme and see your Theme UI config displayed in a beautiful manner.

gatsby-starter-specimens

Leverage the wide variety of powerful React components to build your design system. Display colors, typography or any other design tokens with ease. Works seamlessly with MDX.

secco

Local package testing made easy

thanks-contributors

This little script accesses GitHub's API to get all contributors and their PRs between two distinct points in the history of commits.

gatsby-starter-graphql-playground

GraphQL Playground to showcase the power of GraphQL. Write your queries and documentation with MDX and display queries in an interactive GraphiQL window. It can source from your localhost or a remote URL (e.g. Codesandbox).

gatsby-source-behance

Gatsby source plugin for loading information from Behance

gatsby-with-prisma-client

Gatsby powered by Prisma 2 🚀

gatsby-remark-design-system-example

Example page for "gatsby-remark-design-system"

annum

Visualize Your Trakt.tv History

vanilla-extract-tutorial

chakra-ui-advanced-multipart-components

Example project showing how to create advanced multi-part components in Chakra UI

gatsby-source-potterapi

Source plugin for https://www.potterapi.com/

figma-plugin-svelte-example

gatsby-source-netlify

Source plugin for Netlify's API

lekoarts-stats

Statistic about my social profiles

bare-instagram

gatsby-starter-theme-i18n

Default example for `gatsby-theme-i18n` adding dedicated pages for normal pages and blog posts.

gatsby-source-flickr

Source images from Flickr into Gatsby

minimal-blog-new-content-type

gatsby-dsg-plausible-analytics

Use Gatsby's Deferred Static Generation (DSG) with Plausible Analytics (or any analytics tool)

gatsby-absolute-image-paths

Explanation of using absolute image paths in Gatsby in other data sources like JSON

hmr-double-save-bug

gatsby-source-circleci

Gatsby Source Plugin for CircleCI

gatsby-webinar-getting-started

Demo project on how to get started with Gatsby powered by the new File System Route API and gatsby-plugin-image.

LekoArts

welcome to my crib

talks

Overview of my talks 🎤💻

gatsby-plugin-starter

My personal boilerplate to create a Gatsby plugin

gatsby-plugin-doctype

Change the DOCTYPE of HTML files in Gatsby

cara-shadow-svg

Shows how you can change the SVG icons in gatsby-starter-portfolio-cara

gatsby-example-graphql2chartjs

Gatsby + graphql2chartjs

gatsby-source-behance-example

Example website for the gatsby-source-behance plugin

github-actions-playground

Nothing here, just testing.

minimal-blog-yaml

Using gatsby-theme-minimal-blog - but without MDX and YAML instead!

unified-routes-demo

postcss

examples

Gatsby Examples for my blog posts

dotfiles

Configuration files

pp-06.03.19

Example for pair programming

combine-md-and-yaml

getting-started-with-typescript-in-gatsby

mdx-v2-example

elitepvpers-reminders

Send reminders to our internal elitepvpers Discord server

gatsby-sites-validator

testing-gatsby-head-api

An example repository to show how to use Vitest and Playwright with Gatsby Head API

portfolio-test

Sample DatoCMS website built with GatsbyJS

gatsby-plugin-webpack-statoscope

Gatsby plugin for the statoscope HTML-report from webpack-stats (@statoscope/webpack-plugin)