Beginner End-to-End Tutorial: Building Minitwitter
This tutorial will show building a simple app, Minitwitter, end-to-end.
As you learn Plasmic, please let us know all your questions and feedback! Reach us on our Slack community or at team@plasmic.app.
About Minitwitter
Minitwitter is a very basic web app—its main page is just a wall of posts. There’s also a second page where anyone can enter a new post. There’s no login/auth or anything else. So it’s a great way to get started learning about all the core Plasmic concepts and workflow quickly, without getting bogged down in complexity that’s specific to any particular app or domain. It’s simpler even than the TodoMVC tutorial!
You can play with a finished version of the codebase here:
This tutorial consists of two parts—design and code. If you want to just focus on the code, you can skip the design portion, and instead clone this completed Plasmic project(however, we still recommend the video tutorial as a primer to the main concepts in Plasmic, such as slots and variants).
About Minitwitter
About this tutorial
Design Minitwitter
Import the design into code
# {sh}
npx create-react-app minitwitter --typescript