{"id":25916055,"url":"https://github.com/benjaminderprogrammierer/redwoodjs-blog","last_synced_at":"2025-07-03T08:07:27.285Z","repository":{"id":210728144,"uuid":"726915044","full_name":"BenjaminDerProgrammierer/redwoodjs-blog","owner":"BenjaminDerProgrammierer","description":null,"archived":false,"fork":false,"pushed_at":"2023-12-04T16:08:48.000Z","size":1184,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-03T12:18:54.428Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BenjaminDerProgrammierer.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-12-03T19:13:39.000Z","updated_at":"2023-12-03T19:15:45.000Z","dependencies_parsed_at":"2023-12-04T17:42:13.769Z","dependency_job_id":null,"html_url":"https://github.com/BenjaminDerProgrammierer/redwoodjs-blog","commit_stats":null,"previous_names":["benjaminderprogrammierer/redwoodjs-blog"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/BenjaminDerProgrammierer/redwoodjs-blog","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BenjaminDerProgrammierer%2Fredwoodjs-blog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BenjaminDerProgrammierer%2Fredwoodjs-blog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BenjaminDerProgrammierer%2Fredwoodjs-blog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BenjaminDerProgrammierer%2Fredwoodjs-blog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BenjaminDerProgrammierer","download_url":"https://codeload.github.com/BenjaminDerProgrammierer/redwoodjs-blog/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BenjaminDerProgrammierer%2Fredwoodjs-blog/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263287849,"owners_count":23443084,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-03-03T12:18:58.241Z","updated_at":"2025-07-03T08:07:26.643Z","avatar_url":"https://github.com/BenjaminDerProgrammierer.png","language":"TypeScript","readme":"# RedwoodJS Blog (Tutorial)\n\nWelcome to [RedwoodJS](https://redwoodjs.com)!\n\n\u003e **Prerequisites**\n\u003e\n\u003e - Redwood requires [Node.js](https://nodejs.org/en/) (=18.x) and [Yarn](https://yarnpkg.com/) (\u003e=1.15)\n\u003e - Are you on Windows? For best results, follow our [Windows development setup](https://redwoodjs.com/docs/how-to/windows-development-setup) guide\n\nStart by installing dependencies:\n\n```\nyarn install\n```\n\nThen start the development server:\n\n```\nyarn redwood dev\n```\n\nYour browser should automatically open to [http://localhost:8910](http://localhost:8910) where you'll see the Welcome Page, which links out to many great resources.\n\n\u003e **The Redwood CLI**\n\u003e\n\u003e Congratulations on running your first Redwood CLI command! From dev to deploy, the CLI is with you the whole way. And there's quite a few commands at your disposal:\n\u003e\n\u003e ```\n\u003e yarn redwood --help\n\u003e ```\n\u003e\n\u003e For all the details, see the [CLI reference](https://redwoodjs.com/docs/cli-commands).\n\n## Prisma and the database\n\nRedwood wouldn't be a full-stack framework without a database. It all starts with the schema. Open the [`schema.prisma`](api/db/schema.prisma) file in `api/db` and replace the `UserExample` model with the following `Post` model:\n\n```prisma\nmodel Post {\n  id        Int      @id @default(autoincrement())\n  title     String\n  body      String\n  createdAt DateTime @default(now())\n}\n```\n\nRedwood uses [Prisma](https://www.prisma.io/), a next-gen Node.js and TypeScript ORM, to talk to the database. Prisma's schema offers a declarative way of defining your app's data models. And Prisma [Migrate](https://www.prisma.io/migrate) uses that schema to make database migrations hassle-free:\n\n```\nyarn rw prisma migrate dev\n\n# ...\n\n? Enter a name for the new migration: › create posts\n```\n\n\u003e `rw` is short for `redwood`\n\nYou'll be prompted for the name of your migration. `create posts` will do.\n\nNow let's generate everything we need to perform all the CRUD (Create, Retrieve, Update, Delete) actions on our `Post` model:\n\n```\nyarn redwood generate scaffold post\n```\n\nNavigate to [http://localhost:8910/posts/new](http://localhost:8910/posts/new), fill in the title and body, and click \"Save\".\n\nDid we just create a post in the database? Yup! With `yarn rw generate scaffold \u003cmodel\u003e`, Redwood created all the pages, components, and services necessary to perform all CRUD actions on our posts table.\n\n## Frontend first with Storybook\n\nDon't know what your data models look like? That's more than ok—Redwood integrates Storybook so that you can work on design without worrying about data. Mockup, build, and verify your React components, even in complete isolation from the backend:\n\n```\nyarn rw storybook\n```\n\nSeeing \"Couldn't find any stories\"? That's because you need a `*.stories.{tsx,jsx}` file. The Redwood CLI makes getting one easy enough—try generating a [Cell](https://redwoodjs.com/docs/cells), Redwood's data-fetching abstraction:\n\n```\nyarn rw generate cell examplePosts\n```\n\nThe Storybook server should hot reload and now you'll have four stories to work with. They'll probably look a little bland since there's no styling. See if the Redwood CLI's `setup ui` command has your favorite styling library:\n\n```\nyarn rw setup ui --help\n```\n\n## Testing with Jest\n\nIt'd be hard to scale from side project to startup without a few tests. Redwood fully integrates Jest with both the front- and back-ends, and makes it easy to keep your whole app covered by generating test files with all your components and services:\n\n```\nyarn rw test\n```\n\nTo make the integration even more seamless, Redwood augments Jest with database [scenarios](https://redwoodjs.com/docs/testing#scenarios)  and [GraphQL mocking](https://redwoodjs.com/docs/testing#mocking-graphql-calls).\n\n## Ship it\n\nRedwood is designed for both serverless deploy targets like Netlify and Vercel and serverful deploy targets like Render and AWS:\n\n```\nyarn rw setup deploy --help\n```\n\nDon't go live without auth! Lock down your app with Redwood's built-in, database-backed authentication system ([dbAuth](https://redwoodjs.com/docs/authentication#self-hosted-auth-installation-and-setup)), or integrate with nearly a dozen third-party auth providers:\n\n```\nyarn rw setup auth --help\n```\n\n## Next Steps\n\nThe best way to learn Redwood is by going through the comprehensive [tutorial](https://redwoodjs.com/docs/tutorial/foreword) and joining the community (via the [Discourse forum](https://community.redwoodjs.com) or the [Discord server](https://discord.gg/redwoodjs)).\n\n## Quick Links\n\n- Stay updated: read [Forum announcements](https://community.redwoodjs.com/c/announcements/5), follow us on [Twitter](https://twitter.com/redwoodjs), and subscribe to the [newsletter](https://redwoodjs.com/newsletter)\n- [Learn how to contribute](https://redwoodjs.com/docs/contributing)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbenjaminderprogrammierer%2Fredwoodjs-blog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbenjaminderprogrammierer%2Fredwoodjs-blog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbenjaminderprogrammierer%2Fredwoodjs-blog/lists"}