This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Blog content

Static blog posts live in content/blog/*.md and are rendered by the app router at /blog and /blog/[slug].

The site also generates these automatically from the file-based content/app structure:

• /sitemap.xml from public app routes plus Markdown blog posts
• /rss.xml from all Markdown blog posts

Each Markdown file uses frontmatter for SEO metadata and internal linking:

• title, description, date, updated
• author, category, tags, keywords
• featured, featuredRank
• relatedSlugs for cross-linking between posts
• ctaHref, ctaLabel for the primary product link inside each article

To add a new post, create a new Markdown file in content/blog, then include natural internal links to relevant tool pages such as /video-to-gif, /image-to-gif, /edit-gifs, or /screen-to-video.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.