Funtoo: the end of a Linux distro

Luiz Vicente — Wed, 31 Jul 2024 16:54:31 +0000

What is Funtoo Linux?

As a long-time user (18 years to be exact) of Funtoo/Gentoo, I confess to being very sad about this news, but everything has a beginning, middle and end.

For those who don't know, Funtoo is a GNU/Linux distro (or Linux-based, for the more traditional) that has its roots in Gentoo Linux. Both distros are compiled, which means that to install any package on your operating system, you will need to compile the sources and build the packages.

Funtoo and Gentoo are actually just one part of the whole: Portage.

Portage is the package manager (written in Python), the heart of these distros. From it you can build your Funtoo or Gentoo, or any other distro you want. Even one that doesn't exist.

Both distros were created by Daniel Robbins, a guy who even worked at Microsoft after a while. You can read a bit of Gentoo's history here.

All Good Things Must Come to an End...

And it was with this title that Daniel Robbins announced the end of the distro, on the Funtoo forum:

That's it folks. It's really a shame it's come to an end.

Deploy ReactJs website on Apache server (Hostgator) with Vite

Luiz Vicente — Thu, 20 Jun 2024 13:34:41 +0000

Why on earth deploy to Apache/Hostgator?

To see if it works. That simple.

And does it work? Of course it works, but it needs a few things to make it work properly.

Let's go from the beginning

It's a simple website, but it will be in a subfolder. For example:
https://mydomain.com/site2

Having defined this, chances are that you use a Router (react-router-dom, TanStack Router, etc.). I use react-router-dom a lot, so this case is no different.

Configs

package.json

As the website will be in a subfolder, you need to add the homepage tag to your package.json file, otherwise the build will assume that your project is hosted in the root of the server.

{
  ...
  "homepage": "https://mydomain.com/site2/",
  ...
}

BrowserRouter config

Add the basename prop to the BrowserRouter:

import { BrowserRouter } from 'react-router-dom';
import { Router } from './routes/Router';

export const App = () => {
  return (
    <BrowserRouter basename='/site2'>
      <Router />
    </BrowserRouter>
  )
}

vite.config.js

Without this step, no matter what you do, when you run vite build, the generated index.html file will have the wrong link references. Therefore, this configuration is crucial.
All you need to do is add the base option in the vite.config.js file:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/
export default defineConfig({
  base: '/site2/',
  plugins: [react()],
})

Or via the vite build --base=/my/public/path/ flag.

Finally, just run the build. In my case, I use pnpm:

pnpm run build

Configuring Apache

Right. But for all of this to work online, you still need to configure Apache, using the .htaccess file.

You need to have this file in the folder where the index.html will be located. Therefore, create the file in the folder, in my case, /site2, with the following content:

RewriteEngine On
RewriteBase /site2
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [L]

Finally, upload the files from your project's dist folder to your Apache folder. Don't forget the files in the assets folder.

That's it!

DEV Community: Luiz Vicente