Hello everybody,

Here’s a quick step to deploy your Next.js app to Netlify.

1. Create your Vue.js App.
2. Create a new repository on Github.com.
3. Signup (or login) to Netlify.com and click on Add a new site.
4. Connect Netlify to Github then import your repository.
5. Click on Deploy.

Enjoy!

Best,

Guillaume

--

--

React/Next.js: override bootstrap theme by Guillaume Duhan

1. Define your colors in app.scss

$primary: #0099ff;

2. Import scss version of bootstrap (from node_modules)

@import '~bootstrap/scss/bootstrap'; 

3. Import the app.scss file in your main.js file

import './styles/app.scss';

Good luck !

Guillaume Duhan

--

--

Vue + Tailwindcss

1. Install Tailwind via npm

npm install -D tailwindcss@latest postcss@latest autoprefixer@latest

2. Create your configuration files

npx tailwindcss init -p

3. Configure Tailwind to remove unused styles in production

// tailwind.config.js
module.exports = {
purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
darkMode: false, // or 'media' or 'class'
theme: {
extend: {},
},
variants: {
extend: {},
},
plugins: [],
}

4. Include Tailwind in your CSS

/* ./src/index.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

5. Import your CSS in main.js

// src/main.js
import { createApp } from 'vue'
import App from './App.vue'
import './index.css'

createApp(App).mount('#app')

Guillaume Duhan

--

--