New Strapi Starter with Next.js 13, Tailwind, and TypeScript
Tags: nextjs, tailwindcss, typescript, strapi
Published: 2023-05-17 08:51:06

Today, we're excited to introduce our new Strapi Starter built with [Next.js](https://vercel.com/solutions/nextjs) 13, [Tailwind](https://tailwindcss.com/), and [TypeScript](https://www.typescriptlang.org/).

This open-source project is a collaborative effort started with love by [Trecia](https://github.com/TreciaKS), [Daniel](https://github.com/malgamves), and [Paul](https://github.com/PaulBratslavsky).

![Strapi Next.js Starter](https://d2zv2ciw0ln4h1.cloudfront.net/uploads/Strapi_Next_js_Starter_7fcc4129d4.gif)

## Strapi Starter with Next.js

Although we were all new to Next.js 13 and TypeScript then, we couldn't wait to explore the fantastic new features that Next.js 13 brought to the table, including the app routes and server components. Learn more about all the new features [here](https://beta.nextjs.org/docs).   

You can find the Strapi Starter on our GitHub repository [here](https://github.com/strapi/nextjs-corporate-starter). Feel free to explore it and give it a star to stay updated with the latest updates and show your support! 
The back-end is deployed on [Strapi Cloud](https://strapi.io/cloud) and the front-end is hosted on [Vercel](https://vercel.com/). You can check it out [here](https://strapi-next-13-demo-vercel.vercel.app/en). 

If you want to explore Strapi in a demo, you can also check out Foodadvisor [here](https://strapi.io/demo) or download and run locally from [GitHub](https://github.com/strapi/foodadvisor).

In addition to serving as a foundation for your projects, we want to continue building on this Strapi Starter by introducing more examples of how to customize the Strapi back-end and add additional functionality. This way, you'll have a comprehensive reference project to see what's possible with Strapi.

## What is the State of Older Starters?

We'd also like to address what this means for older Strapi starters. Due to limited bandwidth, we've decided to support only this new Strapi Starter officially, and all other starters will be archived. 

While this was a difficult choice, we believe it's best for the community. Our current bandwidth only allows us to maintain one project. If you are an organization and would like to maintain one of our older starters, let us know.

We'd rather focus on providing a single example showcasing more customizations and possibilities within Strapi itself instead of creating multiple Strapi projects with no customizations for different front-end frameworks.

## Contributions

As a community-driven project, we aim to provide a solid starting point for your projects and build something together as a community.

We encourage you to add suggestions, create issues, and make pull requests in the repository. Your contributions will help shape this project and make it even better.

If you come across an outdated tutorial that implements old Strapi starters, we encourage you to report it to the Strapi [community repository](https://www.notion.so/Introducing-the-New-Strapi-Starter-with-Next-js-13-Tailwind-and-TypeScript-2e1208ca17da4e3aafb491ac4ea084ce). This will help the community ensure that tutorials and resources stay up-to-date with the latest Strapi Starter. By working together, we can create a more helpful and supportive community for all Strapi users.

## Wrap Up

So, join us in making this Strapi Starter the best it can be! Together, we can create a project that helps us learn and grow as developers and empowers others to build amazing applications using Strapi. 

If you have questions or want to connect with the community, join us on [Discord](https://discord.com/invite/strapi). Happy coding!