The latest articles on DEV Community by Andy Broger (@andybroger). https://dev.to/andybroger https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F96483%2F1240552f-d646-493b-8a1e-95786a58ca15.jpeg https://dev.to/andybroger en Andy Broger Mon, 17 Aug 2020 09:35:01 +0000 https://dev.to/andybroger/graphql-typegraphql-mikroorm-a-dreamteam-26bp https://dev.to/andybroger/graphql-typegraphql-mikroorm-a-dreamteam-26bp <h1> Hello Folks </h1> <p>I created a minimal Boilerplate Graphql Server with mikroORM v4 and typegraphql for database and schema creation. It also includes a user &amp; role system.</p> <p>The session management is done inside a psql table (to not include more dependencies like redis).</p> <p>So please check my repo and leave a star if it is useful.<br> If you want to contribute, feel free, I'm more than happy with it!</p> <p>If you want me to write a more detailed post, leave a comment and I'll think about it 😊</p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vJ70wriM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-ba8488d21cd8ee1fee097b8410db9deaa41d0ca30b004c0c63de0a479114156f.svg" alt="GitHub logo"> <a href="https://github.com/andybroger"> andybroger </a> / <a href="https://github.com/andybroger/graphql-server"> graphql-server </a> </h2> <h3> A minimal boilerplate graphql server with user management/ role system built in. based on express/micro-orm/typegraphql </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <h1> GraphQL Server</h1> <p>A minimal boilerplate graphql server with user management/ role system built in.</p> <p>Technologies used:</p> <ul> <li>express</li> <li>express-graphql</li> <li>microORM v4</li> <li>typegraphql</li> <li>postgres</li> <li>express-session with psql as session store</li> <li>graphql-playground</li> <li>typescript</li> </ul> <h2> Usage</h2> <ol> <li>create a .env file</li> <li>run postgress db: <code>docker-compose up -d</code> </li> <li>start server: <code>yarn dev</code> </li> </ol> <h2> TODO</h2> <ul> <li>[] implement token expire function</li> <li>[] a lot more i didnt think about it yet.</li> </ul> <h2> Improve</h2> <p>If you want improve and submit a PR, i would be more than happy about that. 😁</p> <h2> Resources</h2> <p><a href="https://github.com/driescroons/mikro-orm-graphql-example">MikroORM graphql example</a></p> </div> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/andybroger/graphql-server">View on GitHub</a></div> <br> </div> <br> typescript graphql postgres node Andy Broger Sun, 05 Apr 2020 14:17:01 +0000 https://dev.to/andybroger/next-js-with-tailwindcss-5c23 https://dev.to/andybroger/next-js-with-tailwindcss-5c23 <p>Hey Folks,</p> <p>First post and i don't like long intros, so mine will be short. Searched for next.js and tailwindcss templates, found a lot, some outdated, some without purging, some too much boilerplate stuff, etc.</p> <p>So i created my own and here it is:</p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vJ70wriM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-ba8488d21cd8ee1fee097b8410db9deaa41d0ca30b004c0c63de0a479114156f.svg" alt="GitHub logo"> <a href="https://github.com/andybroger"> andybroger </a> / <a href="https://github.com/andybroger/nextjs-tailwindcss"> nextjs-tailwindcss </a> </h2> <h3> nextjs + tailwindcss template </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <h1> nextjs-tailwindcss template</h1> <p>next.js template including tailwindcss, <strong>check out</strong> the <a href="https://github.com/andybroger/nextjs-tailwindcss/tree/jsx-tailwind">jsx-tailwind</a> branch if you need support for @apply rules in styled-jsx.</p> <p><strong>Features</strong></p> <ul> <li>Includes Tailwindcss</li> <li>Includes postcss-preset-env</li> <li>now uses tailwindcss 1.4.x purge method on production builds</li> </ul> <h2> usage</h2> <ol> <li>Clone this repo</li> <li>npm install</li> <li>npm run dev</li> </ol> <h2> notes</h2> <p><strong>styles/main.css</strong> The styles/main.css files includes tailwindcss imports and also supports global styles. It is processed by postcss and with postcss-preset-env supports nesting and other cool stuff.</p> <p><strong>postcss.config.js</strong> The configuration file for postcss. The purgecss plugin is configured to scan the *.js files in the pages/ and components/ folder.</p> <p><strong>tailwind.config.js</strong> You should know that file, its the default config generated with <code>npx tailwindcss init</code>. It's where your tailwindcss config goes.</p> <p><strong>pages/_app.js</strong> Here we integrate <code>styles/main.css</code> into the app.</p> </div> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/andybroger/nextjs-tailwindcss">View on GitHub</a></div> <br> </div> <br> <h3> some notes </h3> <p><strong>styles/main.css</strong><br> The styles/main.css files includes tailwindcss imports and also supports global styles. It is processed by postcss and with postcss-preset-env supports nesting and other cool stuff.</p> <p><strong>postcss.config.js</strong><br> The configuration file for postcss. The purgecss plugin is configured to scan the *.js files in the pages/ and components/ folder.</p> <p><strong>tailwind.config.js</strong><br> You should know that file, its the default config generated with <code>npx tailwindcss init</code>. It's where your tailwindcss config goes.</p> <p><strong>pages/_app.js</strong><br> Here we integrate <code>styles/main.css</code> into the app.</p> <p>Please feel free to comment, if you have any questions.</p> react nextjs javascript starter