Example Projects
A selection of example projects to get started with.
Official examples
You can find some example projects in the GitHub repository under the /examples
folder:
- Create React App
- Gatsby
- Next.js
- Preact
- CDN
- Plain server-side
- And more
Create React App is an awesome project for learning React. Have a look at the alternatives available to see which project best fits your needs.
The source code for this documentation site is also included in the repository.
This is a slightly more complex project.
Check out the /docs
folder for
build instructions.
More advanced example projects
If you want to start with a more complete and real-world example, you could take a look at the premium themes & templates or:
Free
-
- Created with Create React App
- Custom Create React App script to start a new project with just a single CLI command
- Build for Firebase including Authentication using the official Firebase Web Auth UI
- Routing with React Router including error handling (404) and lazy loading
- All PWA features included (SW, Notifications, deferred installation prompt and more)
- Optimized and scalable performance (all ~100 points on Lighthouse)
-
- Bootstrapped with Create React App, the same tooling works from the get-go
- Built on top of Firebase with all their products for the web included
- Robust routing with React Router including protected routes and error handling
- Extensive mobile support with full-screen dialogs and react-swipeable-views for tabs
- Cross-platform application monitoring with a focus on error reporting with Sentry
-
- Graph using recharts
- React Router included with a navigation example
- A docker container with an Nginx server for production build
- Created with Create React App
Paid
-
- Build your complete application with this online tool
- Choose your framework and library (React & Material-UI!)
- Choose your database (SQL, MongoDB or Firestore)
- Model your database and application with the intuitive GUI
- Generate your application, including a complete scaffolded backend
- Preview your application online, and download the generated code