Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/justdlabs/inertia.ts
Inertia React with Typescript implementation.
https://github.com/justdlabs/inertia.ts
inertiajs justd laravel react-aria react-aria-components starter-kit typescript typescript-react
Last synced: 3 months ago
JSON representation
Inertia React with Typescript implementation.
- Host: GitHub
- URL: https://github.com/justdlabs/inertia.ts
- Owner: justdlabs
- Created: 2022-11-01T08:17:57.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-08-13T08:50:27.000Z (3 months ago)
- Last Synced: 2024-08-13T14:35:18.973Z (3 months ago)
- Topics: inertiajs, justd, laravel, react-aria, react-aria-components, starter-kit, typescript, typescript-react
- Language: TypeScript
- Homepage: https://justd.co/d/installation
- Size: 2.99 MB
- Stars: 91
- Watchers: 4
- Forks: 18
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
### tl;dr
```bash
composer create-project justd/laravel your-project-name
npm i && npm run dev
```
You absolutely need to run the `npm run dev`, because the route is generate and watching while it's in dev.
### Laravel Inertia React w/ Typescript
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
### Quick Login
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.
### The default branch has been renamed!
**9.x** is now named **laravel-9.x**
If you have a local clone, you can update it by running the following commands.
```bash
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
```
### About Laravel
Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and
creative experience to be truly fulfilling.
### About Inertia.js
Inertia.js lets you quickly build modern single-page React, Vue and Svelte apps using classic server-side routing and
controllers.
### About Typescript
Typescript is a strict syntactical superset of JavaScript and adds optional static typing to the language.
### Available scripts
Feel free to use someting like [pnpm](https://pnpm.io/) or [yarn](https://yarnpkg.com/). It just node package manager I
have, so make yours.
```bash
# Format with prettier
bun run format
# Start development
bun run dev
# Build the app
bun run build
# Testing for SSR
bun run preview
```
### Update profile information
Of course it is not just about authentication, but also about updating user profile information, password, and deleting
account.
### Dashboard Layout
This project has 3 layout:
1. Guest Layout
2. App Layout (Default)
3. 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](https://github.com/irsyadadl/inertia.ts/pulls). I'll
be happy to review it.
### Learn More
Everything you need to understand is clearly can be found
in: [UI / UX with Laravel and React](https://parsinta.com/series/ui-laravel-dan-react-nqp6j)
### Thanks to
- [Laravel](https://github.com/laravel/framework)
- [Inertia](https://github.com/inertiajs/inertia) with [React](https://github.com/facebook/react)
and [Typescript](https://github.com/microsoft/TypeScript)
- [Vite](https://vitejs.dev/) with [Vite plugin](https://github.com/laravel/vite-plugin) and friends
- [Tailwind CSS](https://github.com/tailwindlabs/tailwindcss) and friends
- [Paranoid](https://paranoid.irsyad.co)
- [getjustd.com](https://getjustd.com/)
- [parsinta.com](https://parsinta.com/)
- [irsyad.co](https://irsyad.co/)
- [karteil.com](https://karteil.com/)