Enable Internet Sharing with IPTABLES and forwarding in Ubuntu Server

This setup assumes the following setup.

1. Any Linux Distribution (Debian/Ubuntu Preferred since it uses Iptables
2. The Inteface wlo1 is connected to the Wan
• wlo1--> WAN
3. The Interface enp3s0 is connected to the Local Network
• enp3s0-> LAN

Step 1

Enable IPv4 Forwarding

Assume super user privileges

sudo su

sysctl -w net.ipv4.ip_forward=1

Then issues the following commands

iptables -A FORWARD -o wlo1 -i enp3s0 -s 192.168.0.0/24 -m conntrack --ctstate NEW -j ACCEPT
iptables -A FORWARD -m conntrack --ctstate ESTABLISHED,RELATED -j ACCEPT
iptables -t nat -F POSTROUTING
iptables -t nat -A POSTROUTING -o wlo1 -j MASQUERADE

On the Client

1. Provide an IP Address in the series of 192.168.0.X
2. Provide the gateway 192.168.0.1
3. Provide DNS Server 8.8.8.8

And that's it. It should connect

Tailwind MenuBar Demo

See the Pen Tailwind Menu by Zeeshan Hayat (@zeenux) on CodePen.

Tailwindcss Login Form Demo

Login Form using Tailwindcss

See the Pen by Zeeshan Hayat (@zeenux) on CodePen.

Tailwind with Laravel 8

Install Tailwind in Laravel 8

Install Laravel

  laravel new tailwindcss-demo

Fetch Dependencies

npm install

Install tailwindcss

This will fetch the required dependencies and will install tailwindcss on your project

npm install tailwindcss

Add Tailwindcss

Add the following to resources/css/app.css

@import "tailwindcss/base";

@import "tailwindcss/components";

@import "tailwindcss/utilities";

Create your tailwindcss config file

npx tailwindcss init

Add the following to webpack.mix.js file

mix.js('resources/js/app.js', 'public/js')
    .postCss('resources/css/app.css', 'public/css', [
        require('tailwindcss'),
    ]);

Compile

npm run dev

Add the style sheet to your blade file

<link href="{{ asset('css/app.css') }}" rel="stylesheet">

That's it. Now you can start using tailwindcss in your laravel blade files