This is my take on fullstack development using NuxtJS and NestJS.
Development steps
- Lerna monorepo
- TypeScript linting and formatting
- Minimal NestJS server
- Minimal NuxtJS client
- Environment configuration
- TypeGraphQL
- TypeORM / MySQL
import type { Config } from "tailwindcss"; | |
export default { | |
darkMode: ["variant", "&:where(.dark, .dark *):not(.not-dark, .not-dark *)"], | |
theme: { | |
extend: {}, | |
}, | |
plugins: [], | |
content: [], | |
} satisfies Config; |
#!/bin/bash | |
yarn add -D @typescript-eslint/eslint-plugin \ | |
typescript ts-node-dev \ | |
@typescript-eslint/parser @typescript-eslint/eslint-plugin eslint eslint-config-prettier eslint-plugin-prettier eslint-plugin-vue prettier | |
cat > .eslintrc.js <<EOF | |
module.exports = { | |
root: true, | |
env: { |
<?php | |
// Change default role dynamically on role selection change | |
add_action( 'acf/input/admin_head', 'acf_dynamic_default_role' ); | |
function acf_dynamic_default_role() { | |
global $pagenow; | |
if ( $pagenow == 'user-new.php' ) { | |
?> | |
<script> |
// Dropdown navbar menu on hover | |
$('.dropdown-menu', this).css('margin-top', 0); | |
$('.dropdown').hover(function () { | |
$('.dropdown-toggle', this).trigger('click').toggleClass("disabled"); | |
}); |