Prasetyodev is a free Gatsby portfolio and blog template by Dimas Prasetyo that builds a professional personal site from Markdown content using static-site generation.
What is Prasetyodev?
Prasetyodev is a Gatsby-based portfolio and blog template designed to produce a professional personal website. It takes Markdown files and GraphQL queries as content inputs and outputs a static site with a landing page, portfolio and blog sections, and contact information. The template runs on the Gatsby framework, deploys to platforms like Netlify and Gatsby Cloud, and was built and shared by Dimas Prasetyo.
What makes Prasetyodev stand out?
- Gatsby static generation — Uses the Gatsby React Framework to pre-render pages, giving the site the performance and SEO benefits of a JAMstack architecture.
- SCSS styling — Uses SCSS (Sass) as the CSS preprocessor, allowing developers to write modular, maintainable styles with variables and mixins.
- Markdown content — Blog posts and portfolio items are written in Markdown, which simplifies editing and keeps content in version control.
- GraphQL data layer — Gatsby's GraphQL layer queries content from Markdown and other sources, feeding data into page components.
- Netlify / Gatsby Cloud deployment — Includes a Netlify deployment badge and is ready for continuous deployment on Gatsby Cloud or Netlify.
- Contact and social links — Includes a contact block with the author's LinkedIn and email, plus donation links to Buy Me a Coffee and Trakteer.
- No external dependencies — The README states that the template doesn't rely on any external dependencies or services, so installation is limited to Gatsby's own packages.
Who should use Prasetyodev?
- Creative professionals who need a professional online portfolio and a built-in blog for writing about their work.
- Developers learning Gatsby who want a real project to inspect how Markdown, GraphQL, and SCSS fit together.
- Freelancers who want a free, static site to present their services and attract clients.
What can you do with Prasetyodev?
- Publish a portfolio: Display project showcases and case studies on a responsive, statically generated site.
- Start a blog: Write and publish Markdown articles that are automatically integrated into the GraphQL content layer.
- Customize the theme: Adapt the SCSS styles, logo, and contact details to fit your personal brand.
- Deploy anywhere: Host the built static files on Netlify, Gatsby Cloud, or any static hosting provider.
How do you set up Prasetyodev locally?
The README gives three steps: clone the repository, run npm install to install packages, and start the development server with npm run start or gatsby develop. No separate database or server configuration is required, and the project is ready for local editing as soon as dependencies are installed.
Pricing
Prasetyodev is free. The author states "I will share it for free," and the repository is public, so anyone can use the template without paying a licensing fee.
FAQ
Is Prasetyodev free to use?
Yes, the template is free. The author explicitly writes "I will share it for free," and the project's GitHub repository is publicly accessible for anyone to clone or fork.
What technologies does Prasetyodev use?
The template uses the Gatsby React framework, SCSS for styling, Markdown for content, and GraphQL for querying data. It is designed for JAMstack deployments on Netlify or Gatsby Cloud.
How do I run Prasetyodev on my machine?
Clone the repository, install dependencies with npm install, and then run either npm run start or gatsby develop. The development server will be available locally once the setup completes.
Does the template support a blog?
Yes, the site is both a portfolio and a blog. Content is written in Markdown and rendered through Gatsby's GraphQL data layer, making it simple to add and edit posts.
Where can I contact the author?
The README lists a LinkedIn profile and an email address ([email protected]) for questions or feedback.
