A carousel section using React and Swiper.js.

Introduction

This carousel section template uses Swiper.js with React to create carousels for displaying rotating content, such as images, videos, or text.

It adds a carousel section component to your project or creates a new project using Next.js if none is found in the current directory.

It comes fully integrated with Croct, giving you CMS, AB testing, and personalization out of the box.

Usage

To create a new project using this template, run:

npx croct@latest use npm://swiper/react

You can customize the template by specifying options:

npx croct@latest use npm://swiper/react --router=page

Options

The following options are available for this template:

OptionDescriptionRequiredDefault
projectNameThe name of the project.Nomy-app
versionThe Next.js version to use.Nolatest
routerThe router to use (app or page).Noapp
javascriptWhether to use JavaScript instead of TypeScript.Nofalse

Start building in seconds

Paste the following command in your terminal and let the CLI do the rest.

npx croct@latest init