Question 1

How to add a new page to my Devii blog?

Accepted Answer

Create a new .tsx file in the pages directory, following Next.js conventions. For example, adding about.tsx automatically creates an About page route, as explained in the project structure section.

Question 2

Devii vs Gatsby: which is better for a developer blog?

Accepted Answer

Devii is lighter and more customizable using Next.js and React, ideal for developers who want full control over code. Gatsby has a larger plugin ecosystem but can be more opinionated and require more configuration for similar flexibility.

Question 3

How to change the syntax highlighting theme in Devii?

Accepted Answer

Modify the Code.tsx component, which handles GitHub-style highlighting. You can adjust the CSS styles within that file or replace the highlighting library to customize the appearance for different languages.

Question 4

Does Devii have built-in image optimization?

Accepted Answer

No, Devii relies on basic static file serving from the public directory. For advanced optimization like responsive images, you need to manually implement Next.js features or use third-party packages.

Question 5

How to deploy a Devii blog to Netlify?

Accepted Answer

After running yarn build && yarn export to generate static files in the out directory, connect your Git repository to Netlify. Netlify will detect the Next.js project and deploy it automatically with minimal configuration.

Question 6

Can I add Disqus comments to Devii?

Accepted Answer

Yes, but it requires manual integration by adding Disqus scripts to your blog post components. Devii doesn't include built-in comment systems, so you'll need to handle the implementation and styling yourself.

Devii

What is Devii?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions