Git Product home page Git Product logo

redwoodjs.com's Introduction

redwoodjs.com

This repo contains the latest iteration of redwoodjs.com, redesiged for our v1.0 launch in late March 2022. If you'd like to help contribute, get in touch in our Discord or Discourse!

Development Quick Start

Start by installing dependencies.

yarn

.env

You'll need to create a .env file. Start with this in the file:

DATABASE_URL=
SESSION_SECRET=

Go to https://railway.app and provision a new Postgres database. Switch to "Connect" tab and copy "Postgres Connection URL". Paste that as the DATABASE_URL. If you don't want to use Railway, you can use a local Postgres.

The SESSION_SECRET var is required for dbAuth. To generate this secret:

yarn rw g secret

Paste that as the SESSION_SECRET.

Database

Setup the database and seed any required data:

yarn rw prisma migrate dev

Account Creation

Start the dev server:

yarn rw dev

And then go to http://localhost:8910/signup to create an account.

redwoodjs.com's People

Contributors

agiannelli avatar ahaywood avatar astrotars avatar avramch avatar burnsy avatar cannikin avatar dac09 avatar jacobarriola avatar josh-walker-gm avatar jtoar avatar keithtelliott avatar khaya-zulu avatar kriscoulson avatar mojombo avatar noire-munich avatar pavelloz avatar peterp avatar realstandal avatar redwood-bot avatar redwoodjsbot avatar renovate-bot avatar renovate[bot] avatar sqs avatar thedavidprice avatar tobbe avatar zakmandhro avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

redwoodjs.com's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

  • fix(deps): update dependency plausible-tracker to v0.3.9
  • fix(deps): update redwood monorepo to v1.5.2 (@redwoodjs/auth, @redwoodjs/core, @redwoodjs/forms, @redwoodjs/graphql-server, @redwoodjs/router, @redwoodjs/web)
  • chore(deps): update dependency postcss-loader to v7.3.4
  • chore(deps): update dependency prettier-plugin-tailwindcss to ^0.6.0
  • chore(deps): update dependency tailwindcss to v3.4.7
  • chore(deps): update yarn to v3.8.3
  • fix(deps): update dependency classnames to v2.5.1
  • fix(deps): update dependency clsx to v1.2.1
  • fix(deps): update dependency date-fns to v2.30.0
  • fix(deps): update dependency filestack-js to v3.32.3
  • fix(deps): update dependency node-fetch to v2.7.0
  • fix(deps): update dependency sass to v1.77.8
  • chore(deps): update dependency node to v20
  • chore(deps): update dependency postcss-loader to v8
  • chore(deps): update yarn to v4
  • fix(deps): update dependency @headlessui/react to v2
  • fix(deps): update dependency clsx to v2
  • fix(deps): update dependency date-fns to v3
  • fix(deps): update dependency i18next to v23
  • fix(deps): update dependency i18next-browser-languagedetector to v8
  • fix(deps): update dependency node-fetch to v3
  • fix(deps): update dependency react-i18next to v15
  • fix(deps): update dependency react-markdown to v9
  • fix(deps): update dependency sass-loader to v16
  • ๐Ÿ” Create all rate-limited PRs at once ๐Ÿ”

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

npm
api/package.json
  • @redwoodjs/api ^1.5.1
  • @redwoodjs/graphql-server ^1.5.1
  • accept-language-parser ^1.5.0
  • node-fetch 2.6.7
  • nodemailer 6.8.0
  • slugify ^1.6.5
package.json
  • @redwoodjs/core ^1.5.1
  • node >=14.17 <=16.x
  • yarn 3.2.4
web/package.json
  • @headlessui/react 1.7.3
  • @heroicons/react ^1.0.6
  • @redwoodjs/auth ^1.5.1
  • @redwoodjs/forms ^1.5.1
  • @redwoodjs/router ^1.5.1
  • @redwoodjs/web ^1.5.1
  • classnames 2.3.2
  • clsx ^1.1.1
  • date-fns ^2.28.0
  • filestack-js ^3.25.0
  • i18n 0.15.1
  • i18next 21.10.0
  • i18next-browser-languagedetector 6.1.8
  • plausible-tracker ^0.3.5
  • prop-types 15.8.1
  • react 17.0.2
  • react-dom 17.0.2
  • react-i18next 11.18.6
  • react-markdown ^8.0.0
  • sass ^1.49.7
  • sass-loader 13.1.0
  • autoprefixer 10.4.12
  • postcss ^8.4.6
  • postcss-loader 7.0.1
  • prettier-plugin-tailwindcss ^0.1.8
  • tailwindcss ^3.0.23
nvm
.nvmrc
  • node v18

  • Check this box to trigger a request for Renovate to run again on this repository

Improve home page accessibility

The new home page looks great!

I ran a quick audit with Axe's developer tools and found 22 issues. I'm happy to get a PR going on this if no one is working on it atm.

image

Add analytics tracking

We've got the <script> tag on the docs site, and I thought it was on the main site as well, but I guess not!

We recently saw a massive dip in sticker requests and I was hoping to see that it's because third party sites stopped linking to the page, but there's no analytics on the page!

Just need to add the following to the :

<script src="https://plausible.io/js/script.outbound-links.js" data-domain="redwoodjs.com" defer></script>

Small changes to Supabase Auth boilerplate code

The issue:

It's a small change but I think it'd help people that might not be 100% with how to set up Supabase in relation to RedwoodJS. The code in the doc's say to set our auth up like the below code, however in newer versions of Redwood AuthProvider is not present on @redwoodjs/auth and we have separated this code out into our src/web/auth.ts file.

Code displayed in doc's:

import { AuthProvider } from '@redwoodjs/auth'
import { createClient } from '@supabase/supabase-js'

import { FatalErrorBoundary, RedwoodProvider } from '@redwoodjs/web'
import { RedwoodApolloProvider } from '@redwoodjs/web/apollo'

import FatalErrorPage from 'src/pages/FatalErrorPage'
import Routes from 'src/Routes'

import './index.css'

const supabaseClient = createClient(process.env.SUPABASE_URL, process.env.SUPABASE_KEY)

const App = () => (
  <FatalErrorBoundary page={FatalErrorPage}>
    <RedwoodProvider titleTemplate="%PageTitle | %AppTitle">
      <AuthProvider client={supabaseClient} type="supabase">
        <RedwoodApolloProvider>
          <Routes />
        </RedwoodApolloProvider>
      </AuthProvider>
    </RedwoodProvider>
  </FatalErrorBoundary>
)

export default App

Suggested amendment:

I would like to suggest that the doc's be changed to reflect the update.

web/src/App.[js/tsx]

import { FatalErrorBoundary, RedwoodProvider } from '@redwoodjs/web'
import { RedwoodApolloProvider } from '@redwoodjs/web/apollo'

import FatalErrorPage from 'src/pages/FatalErrorPage'
import Routes from 'src/Routes'

import { AuthProvider, useAuth } from './auth'

import './index.css'

const App = () => (
  <FatalErrorBoundary page={FatalErrorPage}>
    <RedwoodProvider titleTemplate="%PageTitle | %AppTitle">
      <AuthProvider>
        <RedwoodApolloProvider useAuth={useAuth}>
          <Routes />
        </RedwoodApolloProvider>
      </AuthProvider>
    </RedwoodProvider>
  </FatalErrorBoundary>
)

export default App

Add a section to documentation highlighting that our AuthProvider is in src/web/auth.ts and should look like the below code block:

import { createClient } from '@supabase/supabase-js'

import { createAuth } from '@redwoodjs/auth-supabase-web'

const supabaseClient = createClient(
  process.env.SUPABASE_URL, process.env.SUPABASE_KEY
)

export const { AuthProvider, useAuth } = createAuth(supabaseClient)

Enable brotli on CDN

Hello,

It seems like you use cloudfront as your cdn, which have brotli compression built-in:
image

This toggle is in edit cache policy settings that you attached to CF distribution.

Breadcrumb:

CloudFront
Policies
Cache
[uuid]
Edit cache policy

This change should shave off couple KBs on text assets like js/css/svg. Its not much, but its honest gain :-)

Error in showcase seeds

A complete database reset works okay, but just re-running the seed file causes this error:

image

Update the navbar's positioning

Right now, the site's top navigation bar is fixed, so it doesn't take up space in the document. To compliment this, and mitigate each page/layout having its own offset, a fake navigation bar should be added which takes up the same amount of space as the navbar, pushing content down uniformly.

  • - Update all pages and layouts to remove padding/margin used to offset for the navbar (where applicable).
  • - Update the navbar's position from fixed to sticky top-0.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.