home.js

This script overrides the default browser home page.

app/home.jsx

import { createRoot } from 'react-dom/client';

const root = document.createElement('div');

function Home() {
  return '...';
}

document.body.appendChild(root);

createRoot(root).render(<Home />);

Exports

The script exports meta object which contains the metadata like page title and description.

app/home.js

export const meta = {
  title: '...',
  viewport: '...',
  description: '...',
};

Custom Icon

By default the home page icon will use the extension icon. But if you want to set custom for home page icon, please use app/home-icon.(svg|png|jpg).

Custom HTML

The app/home.html overrides the default HTML template for home page.

app/home.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <script src="https://cdn.tailwindcss.com"></script>
</head>

<body></body>

</html>