Compare commits
12 Commits
26ea6d17b1
...
0.0.1
| Author | SHA1 | Date | |
|---|---|---|---|
| 039c16ff3e | |||
| 248c1d3327 | |||
| 71b6833c8a | |||
| a8c465eafe | |||
| 7e654ab874 | |||
| a806f448a2 | |||
| d0cd151ab8 | |||
| 5e3419c3c3 | |||
| 0964c0c9bb | |||
| bf4134e2d6 | |||
| 10bab6c44c | |||
| 7631b9d830 |
40
.dockerignore
Normal file
40
.dockerignore
Normal file
@@ -0,0 +1,40 @@
|
||||
# Node modules
|
||||
node_modules
|
||||
**/node_modules
|
||||
|
||||
# Logs
|
||||
*.log
|
||||
logs
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
# Build outputs
|
||||
build
|
||||
dist
|
||||
out
|
||||
.next
|
||||
.cache
|
||||
.parcel-cache
|
||||
|
||||
# Environment files
|
||||
.env
|
||||
.env.local
|
||||
.env.development.local
|
||||
.env.test.local
|
||||
.env.production.local
|
||||
|
||||
# OS files
|
||||
.DS_Store
|
||||
Thumbs.db
|
||||
|
||||
# IDE / Editor folders
|
||||
.vscode
|
||||
.idea
|
||||
*.sublime-workspace
|
||||
*.sublime-project
|
||||
|
||||
# Temporary files
|
||||
*.swp
|
||||
*.bak
|
||||
*.tmp
|
||||
4
.idea/homepage.iml
generated
4
.idea/homepage.iml
generated
@@ -1,7 +1,9 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="PYTHON_MODULE" version="4">
|
||||
<component name="NewModuleRootManager">
|
||||
<content url="file://$MODULE_DIR$" />
|
||||
<content url="file://$MODULE_DIR$">
|
||||
<excludeFolder url="file://$MODULE_DIR$/.react-router" />
|
||||
</content>
|
||||
<orderEntry type="inheritedJdk" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
</component>
|
||||
|
||||
33
Dockerfile
Normal file
33
Dockerfile
Normal file
@@ -0,0 +1,33 @@
|
||||
# Stage 1: Build
|
||||
FROM node:20-alpine AS builder
|
||||
|
||||
# Set working directory
|
||||
WORKDIR /app
|
||||
|
||||
# Copy package.json and package-lock.json (or yarn.lock)
|
||||
COPY package*.json ./
|
||||
|
||||
# Install dependencies
|
||||
RUN npm ci
|
||||
|
||||
# Copy the rest of the app
|
||||
COPY . .
|
||||
|
||||
# Build the app (React/Next/etc.)
|
||||
RUN npm run build
|
||||
|
||||
# Stage 2: Production image
|
||||
FROM node:20-alpine
|
||||
|
||||
WORKDIR /app
|
||||
|
||||
# Copy only build output and dependencies
|
||||
COPY --from=builder /app/package*.json ./
|
||||
COPY --from=builder /app/node_modules ./node_modules
|
||||
COPY --from=builder /app/build ./build
|
||||
|
||||
# Expose port
|
||||
EXPOSE 3000
|
||||
|
||||
# Default command
|
||||
CMD ["npm", "start"]
|
||||
@@ -1,43 +1,173 @@
|
||||
import * as React from 'react';
|
||||
import Container from '@mui/material/Container';
|
||||
import Typography from '@mui/material/Typography';
|
||||
import Box from '@mui/material/Box';
|
||||
import Link from '@mui/material/Link';
|
||||
import { Link as ReactRouterLink } from 'react-router';
|
||||
import ProTip from '~/components/ProTip';
|
||||
import Copyright from '~/components/Copyright';
|
||||
import * as React from "react";
|
||||
import Container from "@mui/material/Container";
|
||||
import Typography from "@mui/material/Typography";
|
||||
import Box from "@mui/material/Box";
|
||||
import Link from "@mui/material/Link";
|
||||
import Grid from "@mui/material/Grid";
|
||||
import Paper from "@mui/material/Paper";
|
||||
|
||||
|
||||
export function meta() {
|
||||
return [
|
||||
{ title: 'Material UI - React Router example in TypeScript' },
|
||||
{title: "Material UI - React Router example in TypeScript"},
|
||||
{
|
||||
name: 'description',
|
||||
content: 'Welcome to Material UI - React Router example in TypeScript!',
|
||||
name: "description",
|
||||
content:
|
||||
"Welcome to Material UI - React Router example in TypeScript!",
|
||||
},
|
||||
];
|
||||
}
|
||||
|
||||
const services = {
|
||||
media: [
|
||||
{
|
||||
name: "Jellyseerr",
|
||||
url: "http://jellyseerr.aetoskia.com",
|
||||
desc: "Request movies & TV shows",
|
||||
},
|
||||
// {
|
||||
// name: "Ombi",
|
||||
// url: "http://ombi.aetoskia.com",
|
||||
// desc: "Request movies & TV shows",
|
||||
// },
|
||||
{
|
||||
name: "Sonarr",
|
||||
url: "http://sonarr.aetoskia.com",
|
||||
desc: "TV series management",
|
||||
},
|
||||
{
|
||||
name: "Radarr",
|
||||
url: "http://radarr.aetoskia.com",
|
||||
desc: "Movie management",
|
||||
},
|
||||
// {
|
||||
// name: "Prowlarr",
|
||||
// url: "http://prowlarr.aetoskia.com",
|
||||
// desc: "Indexer management",
|
||||
// },
|
||||
{
|
||||
name: "qBittorrent",
|
||||
url: "http://qbit.aetoskia.com",
|
||||
desc: "Download client & torrent manager",
|
||||
external: true,
|
||||
},
|
||||
],
|
||||
core: [
|
||||
{
|
||||
name: "Gitea",
|
||||
url: "http://gitea.aetoskia.com",
|
||||
desc: "Hosted on Core Server",
|
||||
external: true,
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
export default function Home() {
|
||||
// @ts-ignore
|
||||
return (
|
||||
<Container maxWidth="lg">
|
||||
<Box
|
||||
sx={{
|
||||
my: 4,
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
minHeight: "120vh",
|
||||
backgroundImage: "url('/extended_sigil.png')",
|
||||
backgroundSize: "cover",
|
||||
backgroundRepeat: "no-repeat",
|
||||
backgroundPosition: "center",
|
||||
display: "flex",
|
||||
flexDirection: "column",
|
||||
}}
|
||||
>
|
||||
<Typography variant="h4" component="h1" sx={{ mb: 2 }}>
|
||||
Material UI - Next.js App Router example in TypeScript
|
||||
{/* Spacer pushes bottom part down */}
|
||||
<Box sx={{flex: 1}}/>
|
||||
|
||||
{/* Bottom dashboard: only 50% height of viewport */}
|
||||
<Box
|
||||
sx={{
|
||||
height: "60vh", // 50% of viewport height
|
||||
overflowY: "auto", // scroll if content overflows
|
||||
p: 2,
|
||||
}}
|
||||
>
|
||||
<Container
|
||||
maxWidth="lg"
|
||||
sx={{
|
||||
bgcolor: "#1a1a1a", // dark background
|
||||
borderRadius: 3,
|
||||
p: 3,
|
||||
boxShadow: 6,
|
||||
}}
|
||||
>
|
||||
<Typography
|
||||
variant="h5"
|
||||
align="center"
|
||||
sx={{color: "warning.main", mt: 4, mb: 2}}
|
||||
>
|
||||
Core Services
|
||||
</Typography>
|
||||
<Link to="/about" color="secondary" component={ReactRouterLink}>
|
||||
Go to the about page
|
||||
<Grid container spacing={3} justifyContent="center">
|
||||
{services.core.map((s) => (
|
||||
<Paper
|
||||
elevation={3}
|
||||
sx={{
|
||||
p: 2,
|
||||
textAlign: "center",
|
||||
bgcolor: "#2d2d2d",
|
||||
borderRadius: 2,
|
||||
}}
|
||||
>
|
||||
<Link
|
||||
href={s.url}
|
||||
target={s.external ? "_blank" : undefined}
|
||||
rel="noopener"
|
||||
underline="none"
|
||||
sx={{fontSize: 18, fontWeight: "bold", color: "success.main"}}
|
||||
>
|
||||
{s.name}
|
||||
</Link>
|
||||
<ProTip />
|
||||
<Copyright />
|
||||
<Typography variant="body2" sx={{mt: 1, color: "#ccc"}}>
|
||||
{s.desc}
|
||||
</Typography>
|
||||
</Paper>
|
||||
))}
|
||||
</Grid>
|
||||
|
||||
<Typography
|
||||
variant="h5"
|
||||
align="center"
|
||||
sx={{color: "warning.main", mt: 4, mb: 2}}
|
||||
>
|
||||
Media Services
|
||||
</Typography>
|
||||
<Grid container spacing={3} justifyContent="center">
|
||||
{services.media.map((s) => (
|
||||
<Paper
|
||||
elevation={3}
|
||||
sx={{
|
||||
p: 2,
|
||||
textAlign: "center",
|
||||
bgcolor: "#2d2d2d",
|
||||
borderRadius: 2,
|
||||
}}
|
||||
>
|
||||
<Link
|
||||
href={s.url}
|
||||
target={s.external ? "_blank" : undefined}
|
||||
rel="noopener"
|
||||
underline="none"
|
||||
sx={{fontSize: 18, fontWeight: "bold", color: "success.main"}}
|
||||
>
|
||||
{s.name}
|
||||
</Link>
|
||||
<Typography variant="body2" sx={{mt: 1, color: "#ccc"}}>
|
||||
{s.desc}
|
||||
</Typography>
|
||||
</Paper>
|
||||
))}
|
||||
</Grid>
|
||||
</Container>
|
||||
</Box>
|
||||
</Box>
|
||||
</Container>
|
||||
|
||||
);
|
||||
}
|
||||
|
||||
13
docker-compose.yaml
Normal file
13
docker-compose.yaml
Normal file
@@ -0,0 +1,13 @@
|
||||
services:
|
||||
homepage:
|
||||
build:
|
||||
context: .
|
||||
dockerfile: Dockerfile
|
||||
# network: host
|
||||
container_name: homepage
|
||||
image: apps/homepage:0.0.1
|
||||
ports:
|
||||
- "3001:3000" # map host port 3000 to container
|
||||
environment:
|
||||
NODE_ENV: production
|
||||
restart: unless-stopped
|
||||
33
package-lock.json
generated
33
package-lock.json
generated
@@ -7,10 +7,12 @@
|
||||
"name": "material-ui-react-router-ts",
|
||||
"dependencies": {
|
||||
"@emotion/cache": "latest",
|
||||
"@emotion/react": "latest",
|
||||
"@emotion/react": "^11.14.0",
|
||||
"@emotion/server": "latest",
|
||||
"@emotion/styled": "latest",
|
||||
"@mui/material": "latest",
|
||||
"@emotion/styled": "^11.14.1",
|
||||
"@mui/icons-material": "^7.3.2",
|
||||
"@mui/material": "^7.3.2",
|
||||
"@mui/system": "^7.3.2",
|
||||
"@react-router/node": "latest",
|
||||
"@react-router/serve": "latest",
|
||||
"isbot": "latest",
|
||||
@@ -1104,6 +1106,31 @@
|
||||
"url": "https://opencollective.com/mui-org"
|
||||
}
|
||||
},
|
||||
"node_modules/@mui/icons-material": {
|
||||
"version": "7.3.2",
|
||||
"resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-7.3.2.tgz",
|
||||
"integrity": "sha512-TZWazBjWXBjR6iGcNkbKklnwodcwj0SrChCNHc9BhD9rBgET22J1eFhHsEmvSvru9+opDy3umqAimQjokhfJlQ==",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.28.3"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14.0.0"
|
||||
},
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/mui-org"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@mui/material": "^7.3.2",
|
||||
"@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
|
||||
"react": "^17.0.0 || ^18.0.0 || ^19.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@mui/material": {
|
||||
"version": "7.3.2",
|
||||
"resolved": "https://registry.npmjs.org/@mui/material/-/material-7.3.2.tgz",
|
||||
|
||||
@@ -10,10 +10,12 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@emotion/cache": "latest",
|
||||
"@emotion/react": "latest",
|
||||
"@emotion/react": "^11.14.0",
|
||||
"@emotion/server": "latest",
|
||||
"@emotion/styled": "latest",
|
||||
"@mui/material": "latest",
|
||||
"@emotion/styled": "^11.14.1",
|
||||
"@mui/icons-material": "^7.3.2",
|
||||
"@mui/material": "^7.3.2",
|
||||
"@mui/system": "^7.3.2",
|
||||
"@react-router/node": "latest",
|
||||
"@react-router/serve": "latest",
|
||||
"isbot": "latest",
|
||||
|
||||
BIN
public/aetos_sigil.jpg
Normal file
BIN
public/aetos_sigil.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 233 KiB |
BIN
public/extended_sigil.png
Normal file
BIN
public/extended_sigil.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 1.3 MiB |
BIN
public/no_sigil.png
Normal file
BIN
public/no_sigil.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
Reference in New Issue
Block a user