Features > Blog

Blog posts are a great way to boost your website's SEO and engage your audience. NextStarter comes with a pre-configured blog feature that you can use to create and easily add blog posts to your website. 🚀

Your blog posts and assets are optimized and meta tags are added in automatically. Easily include images, videos and more. Just set up authors, categories, and add your posts as pages in the /blog/_assets/blog-contents directory, import them in the /blog/_assets/content.tsx and you're good to go. It will automatically generate the blog page and the blog post

Blog Post Example

/blog/_assets/blog-contents/how-to-start-your-next-project.tsx

  const content = {
    slug: "how-to-start-your-next-project-with-nextstarterai",
    title: "How to Start Your Next Project Fast with NextStarterAI",
    description:
      " Build apps faster with an easy toolkit that takes care of the hard decisions, so you can focus on creating instead of choosing." ,
    categories: [
      categories.find((category) => category.slug === categorySlugs.feature),
    ],
    author: authors.find((author) => author.slug === authorSlugs.oliver),
    publishedAt: "2024-01-12",
    image: { your hero image for the blog post
      src: nextStarterLogo,
      urlRelative: "/assets/blog/how-to-move-fast/nextStarterAI-logo.png", // 
      alt: " NextStarterAI logo",
    },
    // Content of your article.
    content: (
      <>
        <Image
          src={nextStarterLogo} // your hero image for the blog post
          alt="nextStarter logo"
          width={700}
          height={500}
          priority={true}
          className="rounded-box"
          placeholder="blur"
        />
        <section className="whitespace-pre-wrap">
          <h2 className={classnames(styles.h2, "mb-3")}>
            How to Start Your Next Project Fast with NextStarterAI
          </h2>
          <p className={styles.p}>
            A lot of people want to build apps nowadays, but they don't know where
            to start. Worse, there are so many options that it's hard to know
            which one to choose. One tool might be great for one project, but not
            for another. They spend countless hours researching and trying to
            figure out which tool to use, and whether to implement authentication
            themselves. The decision paralysis is real.
          </p>
          <br />
          <p className={styles.p}>
            Dive into your next project effortlessly with NextStarterAI, your
            all-in-one solution for rapid app development. Say goodbye to decision
            paralysis and endless research. NextStarterAI streamlines the process,
            offering pre-configured features and components for key functionalities like
            authentication, database, payment, AI and many more!
          </p>
          <br />
          <p className={styles.p}>
            No more juggling between tools or drowning in options – we've curated
            a toolkit that adapts to your project needs. It's the antidote to
            choice overload. NextStarterAI provides a standardized yet flexible
            foundation, allowing you to focus on what truly matters – your app's
            unique features and functionality. We even guide you how you could market
            your first app, so you know where to start even with marketing.
          </p>
          <br />
        </section>
        ... // rest of your article
        </>
    ),
    