Strapi Starter Next 14, Tailwind, Typescript and Strapi
This project provides a Strapi-based starter for building corporate websites with Next.js. It leverages Tailwind CSS for styling and TypeScript for type safety, offering a modern development experience.
Key Features:
- Next.js Frontend: Utilizes Next.js for server-side rendering, performance optimization, and SEO benefits.
- Strapi Backend: Employs Strapi as a headless CMS for content management, offering a customizable admin panel and API.
- Tailwind CSS: Leverages Tailwind CSS for rapid UI development and consistent styling.
- TypeScript: Uses TypeScript for enhanced code maintainability and type safety.
- DEITS Feature: Easily import data into your project.
Practical Applications:
- Corporate websites
- Landing pages
- Marketing sites
- Content-driven applications
Getting Started:
- Clone the repository.
- Run
yarn setup
to install dependencies for both frontend and backend. - Configure the
.env
file in thebackend
directory. - Build and develop the Strapi backend:
yarn build && yarn develop
. - Create an admin user when prompted.
- Set up API tokens in Strapi for content access and form submissions.
- Configure the
.env
file in thefrontend
directory with the API tokens. - Start the Next.js frontend:
yarn dev
.
This starter provides a solid foundation for building performant and scalable corporate websites with a modern technology stack.