vasceannie/supabase
1
0
Fork 0
Code Issues Pull Requests Actions 8 Packages Projects Releases Wiki Activity

Trying to fix FOUC

Browse Source
This commit is contained in:
Paul Copplestone
2019-10-15 11:13:17 +08:00
parent a8dcb46cbd
commit 97ca56ab5c
10 changed files with 47 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/web/components/Footer.js
View File

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react'
import Link from 'next/link'
import SignUpForm from '~/components/SignUpForm'
import WidthWrapper from '~/components/WidthWrapper'
import {version} from '~/package.json'
export default function Footer({ isFullwidth }) {
return (
@@ -34,7 +35,7 @@ export default function Footer({ isFullwidth }) {
<div className="level">
<div className="level-left ">
<div className="level-item ">
<small className="has-text-weight-bold">© Supabase</small>
<small className="has-text-weight-bold">© Supabase. v{version}</small>
</div>
</div>
<div className="level-right">

2
packages/web/components/WidthWrapper.js
View File

@@ -1,4 +1,4 @@
export default function WidthWrapper({ isFullwidth, children }) {
if (!isFullwidth) return <div class="section container p-b-none p-t-none">{children}</div>
if (!isFullwidth) return <div className="section container p-b-none p-t-none">{children}</div>
else return <>{children}</>
}

13
packages/web/components/layouts/DocsLayout.js
View File

@@ -8,21 +8,18 @@ export default function DocsLayout(props) {
return (
<>
<Head>
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Supabase | Docs</title>
<link rel="shortcut icon" type="image/png" href="/favicon.png" />
</Head>
<div className="">
<Navbar isFullwidth={true} />
<NavbarDocs />
<div className="columns m-none is-gapless">
<div className="DocsMenuColumn column is-narrow is-hidden-mobile" style={{ width: 250 }}>
<p class="menu-label">Documentation</p>
<ul class="menu-list">
<li><a class="">Manage Your Team</a></li>
<li><a class="is-active">Manage Your Team</a></li>
<li><a class="">Manage Your Team</a></li>
<p className="menu-label">Documentation</p>
<ul className="menu-list">
<li><a className="">Manage Your Team</a></li>
<li><a className="is-active">Manage Your Team</a></li>
<li><a className="">Manage Your Team</a></li>
</ul>
</div>
<div className="column">{props.children}</div>

3
packages/web/components/layouts/MainLayout.js
View File

@@ -7,10 +7,7 @@ export default function MainLayout(props) {
return (
<>
<Head>
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Supabase</title>
<link rel="shortcut icon" type="image/png" href="/favicon.png" />
</Head>
<div className="">
<Navbar />

6
packages/web/content/docs/admin-api/getting-started.mdx
View File

@@ -1,14 +1,16 @@
export const metadata = {
title: 'Admin API',
description: 'SQL is awesome, but sometimes you just want to use a technology you\'re familiar with.'
description: 'SQL is awesome, but sometimes you just want to use a technology you\'re familiar with. Why not REST?'
}
lorem ipsum
### Somthing else
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum

35
packages/web/next.config.js
View File

@@ -1,21 +1,22 @@
const withPlugins = require('next-compose-plugins')
// Next Config
const nextConfig = {
experimental: { publicDirectory: true }
}
// SASS
const withSass = require('@zeit/next-sass')
const withSassConfig = {
sassLoaderOptions: {
includePaths: ['./', 'absolute/path/b'],
},
}
// Markdown
const withMDX = require('@zeit/next-mdx')({
// parse mdx files
extension: /\.mdx?$/,
// options: {
// mdPlugins: [images, emoji]
// }
})
module.exports = withSass(
withMDX({
experimental: { publicDirectory: true },
exportPathMap: function() {
return {
'/': { page: '/' },
// '/blog': { page: '/blog' },
// '/docs/admin-api/getting-started': { page: '/docs/[product]/[slug]', query: { product: 'admin-api', slug: 'getting-started' } },
// '/docs/packaged/getting-started': { page: '/docs/packaged/getting-started' },
}
},
})
)
const withMdxConfig = { }
module.exports = withPlugins([[withSass, withSassConfig], [withMDX, withMdxConfig]], nextConfig)

5
packages/web/now.json Normal file
View File

@@ -0,0 +1,5 @@
{
"name": "supabase",
"version": 2,
"alias": ["supabase.io"]
}

1
packages/web/package.json
View File

@@ -16,6 +16,7 @@
"@zeit/next-sass": "^1.0.0",
"bulma": "^0.7.5",
"next": "^9.0.5-canary.2",
"next-compose-plugins": "^2.2.0",
"node-sass": "^4.7.2",
"react": "^16.7.0",
"react-dom": "^16.7.0"

6
packages/web/pages/_document.js
View File

@@ -3,6 +3,12 @@ export default class MyDocument extends Document {
render() {
return (
<html>
<head>
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" type="image/png" href="/favicon.png" />
<title>Supabase</title>
</head>
<Head />
<body>
<Main />

5
yarn.lock
View File

@@ -10227,6 +10227,11 @@ neo-async@^2.5.0, neo-async@^2.6.0, neo-async@^2.6.1:
resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.1.tgz#ac27ada66167fa8849a6addd837f6b189ad2081c"
integrity sha512-iyam8fBuCUpWeKPGpaNMetEocMt364qkCsfL9JuhjXX6dRnguRVOfk2GZaDpPjcOKiiXCPINZC1GczQ7iTq3Zw==
next-compose-plugins@^2.2.0:
version "2.2.0"
resolved "https://registry.yarnpkg.com/next-compose-plugins/-/next-compose-plugins-2.2.0.tgz#95cd8eb40ab0652070d76572fb648354191628b0"
integrity sha512-ChUlpT9tWfJ7YxqGw/WQ2T1gf8EeX93n1XqeQw0lkvGa7seszahvF4eOZUJoq7Hetsbzg4UHVnPoCXfXTyQR3g==
next-tick@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/next-tick/-/next-tick-1.0.0.tgz#ca86d1fe8828169b0120208e3dc8424b9db8342c"