Naturaily's Jamstack starter

📚 Features and tech stack

  • ⚛ Atomic Design - Consistent, reusable, and atomic design system.

  • 📃 Storyblok - Ready to use integration with Storyblok headless CMS. Including:

    • Ready to use Setup script - In the scope of storyblok-setup package. Setting basic datasources used in stories, blocks, stories themselves, and webhook that revalidates front-end routes on story publish.

    • Preview handled - In the scope of storyblok-preview package.

    • Storyblok's GraphQL integration - In the scope of storyblok-api package.

    • Ready to use SEO configuration - In the scope of storyblok-seo package.

    • Storyblok RichText support - In the scope of storyblok-richtext package.

    • Basic Storyblok blocks ready to use - In the scope of storyblok-ui package.

    • Revalidation webhook handler - In the scope of storyblok-revalidation package.

    • And some useful utils - In the scope of storyblok-utils package.

  • 🚄 Next.js - Fast by default, with config optimized for performance (app routing).

  • 🌈 Turborepo - Turborepo is a high-performance build system for JavaScript and TypeScript codebases.

  • 💅 Tailwind CSS - A utility-first CSS framework for rapid UI development.

  • ✨ ESlint and Prettier - For clean, consistent, and error-free code (eslint-config-custom package).

  • 📕 Storybook - Create, test, and showcase your components.

  • 🚀 GitHub Actions - Pre-configured actions for smooth workflows.

  • 💻 T3 Env - Manage your validation for type-safe environment variables (env package).

  • 🧬 Codegen - Generate code from your GraphQL schema.

  • 🔥 Framer motion - Powerful animation