This is a Nextjs-based multi-issue comic book with a touchscreen/keyboard-controlled page reader. It also includes a subscription form for MailChimp and a comments section for feedback.
The following instructions use npm but you can adjust for yarn, pnpm or bun as required.
Copy to your local machine
git clone https://github.com/chukwudibarrah/mirrorsmind.git
navigate to the downloaded folder and install the dependencies and modules
npm install
You'll need to sign up for or get access keys for the following services (or you can choose to use different services and reconfigure accordingly).
- NEXT_PUBLIC_SANITY_PROJECT_ID=
- NEXT_PUBLIC_SANITY_DATASET=
- SANITY_API_TOKEN=
- NEXT_PUBLIC_SANITY_API_VERSION=
- NEXTAUTH_URL=
- NEXTAUTH_SECRET=
- EMAIL_SERVER=
- EMAIL_SERVER_USER=
- EMAIL_SERVER_PASSWORD=
- EMAIL_SERVER_HOST=
- EMAIL_SERVER_PORT=
- EMAIL_FROM=
- UPSTASH_REDIS_URL=
- UPSTASH_REDIS_TOKEN=
- MAILCHIMP_API_KEY=
- MAILCHIMP_API_SERVER=
- MAILCHIMP_AUDIENCE_ID=
Start the development server
npm run dev
Navigate to http://localhost:3000 on your preferred browser to see the result.
- Homepage
- Issues list
- Read comic
- Comments section
- Subscribe page
