Hey builder 👋 I made this template to allow you to build apps in 10x speed. It's a template that I use for my own projects and I'm sharing it with you. It has a lot of features that I use in my projects and I hope you will find it useful. If you have any questions or suggestions, feel free to open an issue or contact me on Twitter.
- Next.js - ReactJS framework that allows you to create full-stack apps
- Capacitor - Build framework to export your JavaScript app to native apps
- Tailwind CSS - CSS framework for inline-styles (design system)
- DaisyUI - Tailwind CSS components (I use this for my projects)
- PostHog - Best analytics tool for developers (Better than GA and Mixpanel because it's so easy to use)
- Prisma - Management library for databases (adding this soon)
- Stripe - Payment processing for the internet (adding this soon)
- Anything else that I can think of
I am using the Fish Shell. It allows you to create an alias for nearly everything. I have an alias for this template that I use to create new projects. You can use it like this:
alias ship "npx create-next-app --example https://github.com/0w9/weekend-template.git"This will allow you to create a new project like this:
ship my-new-projectAdding this soon. Just clone the repo, go into it and run npm install or yarn install.
npm run dev... yep, that's all. No special commands or anything. Just run the command and you will be able to see the app running on localhost:3000.
To run the app as a native app, you need to have Android Studio or Xcode installed. After that I have created a list of commands in the package.json file that you can use to run the app on your device.
npm run ship iosnpm run ship android🚨 Those commands build and export the app, sync with Capacitor and then run the app in the simulator/emulator. It takes a while to run the first time, but after that it's much faster.
If there are any issues with the commands, you can always run the commands manually. Here is the list of commands that you can use:
