Close Menu
    DevStackTipsDevStackTips
    • Home
    • News & Updates
      1. Tech & Work
      2. View All

      Newest LF Decentralized Trust Lab HOPrS identifies if photos have been altered

      July 9, 2025

      Coder reimagines development environments to make them more ideal for AI agents

      July 9, 2025

      Report: AI coding productivity gains cancelled out by other friction points that slow developers down

      July 9, 2025

      15 Proven Benefits of Outsourcing Node.js Development for Large Organizations

      July 9, 2025

      Microsoft sees its carbon emissions soar on a 168% glut in AI energy demand, “we recognize that we must also bring more carbon-free electricity onto the grids.”

      July 9, 2025

      You can get a Snapdragon X-powered laptop for under $500 right now — a low I didn’t think we’d see this Prime Day week

      July 9, 2025

      Sam Altman admits current computers were designed for an AI-free world — but OpenAI’s new type of computer will make the AI revolution “transcendentally good”

      July 9, 2025

      It doesn’t matter how many laptops I review or how great the deals are — this is the one I keep coming back to over and over again

      July 9, 2025
    • Development
      1. Algorithms & Data Structures
      2. Artificial Intelligence
      3. Back-End Development
      4. Databases
      5. Front-End Development
      6. Libraries & Frameworks
      7. Machine Learning
      8. Security
      9. Software Engineering
      10. Tools & IDEs
      11. Web Design
      12. Web Development
      13. Web Security
      14. Programming Languages
        • PHP
        • JavaScript
      Featured

      Cally – Small, feature-rich calendar components

      July 9, 2025
      Recent

      Cally – Small, feature-rich calendar components

      July 9, 2025

      Working with the Command Line and WP-CLI

      July 9, 2025

      Access to Care Is Evolving: What Consumer Insights and Behavior Models Reveal

      July 9, 2025
    • Operating Systems
      1. Windows
      2. Linux
      3. macOS
      Featured

      Gemini Now Helps You Move Files Around in Google Drive

      July 9, 2025
      Recent

      Gemini Now Helps You Move Files Around in Google Drive

      July 9, 2025

      Call of Duty: WWII pulled from Xbox PC over hacking fears

      July 9, 2025

      Best GBA Emulators for PC to Download: Top Picks [2025]

      July 9, 2025
    • Learning Resources
      • Books
      • Cheatsheets
      • Tutorials & Guides
    Home»Development»How to Deploy a Next.js Blog on Sevalla

    How to Deploy a Next.js Blog on Sevalla

    July 9, 2025

    In this tutorial, I’ll teach you how to use Next.js and Sevalla to build and deploy your own Next.js blog.

    But first, let me answer your likely question: “Why host a blog yourself when there are hundreds of blogging platforms available? “

    One answer: Next.js.

    Table of Contents

    • What is Next.js?

    • What is Sevalla?

    • Building and Deploying a Next.js Blog

      • Building the blog

      • Deploying the blog

      • Adding a custom domain

    • Conclusion

    What is Next.js?

    Next.js Framework

    Next.js is a web development framework built on top of React. While React is a library for building user interfaces, Next.js adds extra features to make building websites and web applications easier and faster.

    Next.js gives you full control. You own your content, your design, and your SEO strategy. Unlike Medium or Substack, you’re not limited by platform rules or branding. You can optimise every part of your blog, from how fast it loads to how it looks on Google search.

    Next.js isn’t just a tool to build a blog. It’s a platform to build your entire brand. That’s why developers and indie hackers love it.

    What is Sevalla?

    Sevalla is a Platform-as-a-service provider that I have recently fallen in love with. Built by the team behind Kinsta, the popular WordPress hosting platform, Sevalla combines powerful features with a smooth developer experience. They offer application hosting, database, object storage, and static site hosting for your projects.

    Unlike platforms like Heroku, which provide almost all features via additional integrations, Sevalla gives you exactly what you need to build and deploy an app to your users.

    Sevalla Admin Panel

    Imagine if someone took just the essential features from cloud platforms like AWS or Azure and put them into a single, easy-to-use dashboard. That’s exactly what the Sevalla admin panel has. A clean, simple interface with everything you need, and nothing you don’t.

    In a nutshell, Sevalla handles all the heavy lifting of deploying and scaling your app, so you can focus entirely on building it.

    Building and Deploying a Next.js Blog

    Now let’s build and deploy our Next.js blog. We don’t have to build one from scratch – there are many templates available for us to use, like this one.

    We will do three things.

    • Clone the repository and set up the blog on our local machine.

    • Deploy the site to Sevalla

    • Add a custom domain.

    Building the blog

    First, fork the Next.js blog repository.

    Fork Repository

    Once you have forked it, clone it to your local machine.

    Clone repository

    git clone <repository url>
    

    Once you have cloned the repository, go into the directory and run npm install . Make sure you have the latest Node.js and Next.js installed on your machine.

    Now let’s run the blog on our machine. The command is npm run dev . Once the server is running, go to localhost:3000 to view the site.

    Demo Next.js blog

    You should see the above page. Now let’s add our own blog post to it. Go to the content/blog directory. Every page in the content directory is your blog post, and you can use Markdown to style it. Save the file with the extension .mdx

    Add the following text (the first part is the metadata for the blog to understand the title and date of publication):

    ---
    title: "My New Post"
    date: 2025-07-07
    ---
    
    Welcome to my first blog post using Next.js and MDX!
    

    Reload the home page, and you should now see two posts – the default post and your new post.

    New post in Next.js blog

    So every time you want to publish a new article, you create a new page using Markdown. It’s that simple.

    Commit this new file and push it to your repository.

    git add .
    git commit -m "new post"
    git push origin main
    

    Deploying the blog

    Now create an account on Sevalla (use GitHub login so that you don’t have to re-authenticate again).

    Once you log in to Sevalla, you’ll see the Static site option. Click on it to create a static site.

    Like other hosting providers, not all Sevalla products are free, but it comes with generous free credits. Unless you have a reasonable number of users that access your blog, you will not incur any costs for blogs/small projects. But when it comes to static sites, you can host up to 100 sites completely for free.

    Sevalla Dashboard

    Select the repository from the list. Check the “Automatic deploy on commit” option. So every time you push code, Sevalla will automatically deploy your new post to the server.

    Create Static Site

    In the “build settings” page, keep the defaults. Click “Create site”. In a few minutes, the app will be pulled from GitHub, deployed to a server, and you should see the button visit site .

    Deployment success

    If you visit the site, you should see the below page:

    Live blog

    Yay! Your blog is live. You can also see detailed build logs under the “deployments” tab and see if there are any issues deploying your app.

    Sevalla Deployment Logs

    Adding a custom domain

    Great. For the last step, let’s add a custom domain to our blog.

    Go to the “domains” tab, and click “add domain” under custom domains. I’ll be using a subdomain next from my private domain manishshivanandhan.com, but the instructions are the same for root domains as well.

    Add custom domain

    Once you click “add domain”, Sevalla will give you the instructions to add the TXT records for verification and CNAME/A records for pointing the new site to your domain.

    Once these are done on your domain provider, check back after a few minutes.

    Custom Domain Verified

    Hooray! You’ve created your own Next.js blog. Here is the sample site I built for this project – http://next.manishshivanandhan.com

    Conclusion

    And that’s it! Your very own Next.js blog is now live on Sevalla.

    In just a short time, you’ve gone from cloning a template to publishing your first post and deploying it to the world with a custom domain. With Next.js, you get full control over your content and brand, and with Sevalla, deployment becomes effortless and smooth.

    Remember, every time you want to publish a new article, all it takes is creating a simple markdown file and pushing your code. Sevalla handles the rest, so you can focus on what truly matters: writing great content and building your personal brand.

    Hope you enjoyed this article! I’ll be back soon with more tutorials on building with Next.js. Feel free to connect with me on LinkedIn to stay in touch.

    Source: freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More 

    Facebook Twitter Reddit Email Copy Link
    Previous ArticleIntroducing Gemma 3
    Next Article How to Vibe Code With Help From n8n

    Related Posts

    Development

    LIGHTNING DEAL: I still use these amazing headphones rather than the latest version — They’re currently at their lowest price ever with 42% claimed already

    July 9, 2025
    Development

    How to Vibe Code With Help From n8n

    July 9, 2025
    Leave A Reply Cancel Reply

    For security, use of Google's reCAPTCHA service is required which is subject to the Google Privacy Policy and Terms of Use.

    Continue Reading

    Is that image real or AI? Now Adobe’s got an app for that – here’s how to use it

    News & Updates
    Agentic AI in the SOC – Dawn of Autonomous Alert Triage

    Agentic AI in the SOC – Dawn of Autonomous Alert Triage

    Development

    The Complete Beginner’s Guide to Terminal/Command Prompt

    Machine Learning

    Microsoft says AI agents will make every employee an “agent boss” — after Bill Gates claimed AI will replace humans in most jobs

    News & Updates

    Highlights

    Distribution Release: Ubuntu MATE 25.04

    April 17, 2025

    The DistroWatch news feed is brought to you by TUXEDO COMPUTERS. Martin Wimpress has announced the availability of Ubuntu MATE 25.04. The new version, which recevies nine months of support, marks the tenth anniversary of the Ubuntu MATE project as an official Ubuntu flavour. The release announcement shares highlights for version 25.04: “What changed in Ubuntu MATE 25.04? Here….

    Every iPad model that supports iPadOS 26 (and which ones won’t be compatible)

    June 10, 2025
    How ASEAN Nations Are Adopting AI and Zero Trust to Combat Cybercrime

    How ASEAN Nations Are Adopting AI and Zero Trust to Combat Cybercrime

    April 8, 2025

    A Freako Is Not A RICO Shirt

    July 3, 2025
    © DevStackTips 2025. All rights reserved.
    • Contact
    • Privacy Policy

    Type above and press Enter to search. Press Esc to cancel.