composer create-project justd/laravel your-project-name
when you're using npm, you have to include --legacy-peer-deps
flag.
npm i --legacy-peer-deps
composer run dev
bun i && composer run dev
You absolutely need to run the bun run dev
, because the route is generated and watching while it's in dev.
By default, if we use package like Laravel breeze, it'll use regular javascript react by default. But this project is for you who want to use inertia.js with typescript boilerplate.
This project has come with some features like:
- Authentication
- User Profile
- User Password
- User Delete
- User Resources (--only=[index, show, edit, update, destroy])
- Pagination
This project has a feature to login quickly. You can use this feature by adding /dev/login/{user_id}
to the url. For
example: http://localhost:8000/dev/login/1
. And then you can login as user with id 1
. But this feature only works in
development mode with APP_ENV=local
in .env
file. Make sure you have a user with id 1
in your database.
9.x is now named laravel-9.x
If you have a local clone, you can update it by running the following commands.
git branch -m 9.x laravel-9.x
git fetch origin
git branch -u origin/laravel-9.x laravel-9.x
git remote set-head origin -a
Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experience to be truly fulfilling.
Inertia.js lets you quickly build modern single-page React, Vue and Svelte apps using classic server-side routing and controllers.
Typescript is a strict syntactical superset of JavaScript and adds optional static typing to the language.
Feel free to use someting like pnpm or yarn. It just node package manager I have, so make yours.
# Format with prettier
bun run format
# Start development
bun run dev
# Build the app
bun run build
# Testing for SSR
bun run preview
Of course it is not just about authentication, but also about updating user profile information, password, and deleting account.
This project has 3 layout:
- Guest Layout
- App Layout (Default)
- User Layout
User layout will make a layout side by side, it has a sidebar. So this is will be useful when you need an admin panel or something like that.
If you like making new features, feel free to make a pull request. I'll be happy to review it.
Everything you need to understand is clearly can be found in: UI / UX with Laravel and React
- Laravel
- Inertia with React and Typescript
- Vite with Vite plugin and friends
- Tailwind CSS and friends
- Paranoid
- getjustd.com
- parsinta.com
- irsyad.co
- karteil.com