mirror of
https://github.com/supabase/supabase.git
synced 2026-10-14 21:59:16 +03:00
## I have read the [CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md) file. YES ## What kind of change does this PR introduce? Docs update. Getting Started page is the most visited page in the docs at the moment: https://supabase.com/docs/guides/getting-started. Looking at all 19 guides, they appear to have drifted apart because there was never a written standard for what a quickstart must contain. Additionally, we are missing some frameworks, languages, and ORMs quickstarts. Phase 1 (this PR) fixes broken numbering, duplicated steps, and dead-end pages. Later phases bring all 19 guides into line with a single "definition of done" contract (error handling in samples, env vars everywhere, consistent Connect-panel pattern). The end goal is that every quickstart, regardless of framework, gives the same complete, trustworthy path from zero to a working app. ## What is the new behavior? 1. SvelteKit and Hono cards added to the [homepage grid](https://docs-git-docs-fix-quickstart-catalog-gaps-supabase.vercel.app/docs) (FrameworkQuickstarts.tsx). Only added the most popular missing frameworks to the grid. 2. [Rails](https://docs-git-docs-fix-quickstart-catalog-gaps-supabase.vercel.app/docs/guides/getting-started/quickstarts/ruby-on-rails#2-install-agent-skills-optional): Add missing second step (Agent Skills), add next steps at the end (point 6) 3. [Laravel](https://docs-git-docs-fix-quickstart-catalog-gaps-supabase.vercel.app/docs/guides/getting-started/quickstarts/laravel#6-set-up-the-postgres-connection-details): Remove duplicated instruction to create project from step 6. 4. [Refine](https://docs-git-docs-fix-quickstart-catalog-gaps-supabase.vercel.app/docs/guides/getting-started/quickstarts/refine#5-update-supabaseclient-with-environment-variables): In step 5, create .env file (VITE_SUPABASE_URL, VITE_SUPABASE_PUBLISHABLE_KEY), and the client reads them via import.meta.env, matching the Vite-based refine-supabase preset. 5. [Hono](https://docs-git-docs-fix-quickstart-catalog-gaps-supabase.vercel.app/docs/guides/getting-started/quickstarts/hono#6-set-up-the-required-environment-variables) TODO resolved: In step 6, add the "Open Connect panel" Button with the generic api_settings.mdx partial call, identical to the Flask and Expo pattern. 6. Next steps added to the 9 guides missing it at the end of the guide, linking to the framework tutorial or Auth, UI components, data import, and Storage (Flutter, Kotlin, Laravel, Nuxt, RedwoodJS, Refine, Ruby on Rails, SolidJS, and Vue). 7. Remove 4 stale screenshots from RedwoodJS and Refine, along with their now-orphaned image assets under apps/docs/public/img/. The surrounding text already covers what they showed; they weren't Connect-panel screens, so the Button pattern didn't apply as a replacement. 8. Add [Supabase Agent Skills](https://docs-git-docs-fix-quickstart-catalog-gaps-supabase.vercel.app/docs/guides/getting-started/quickstarts/nextjs#4-install-agent-skills-optional) purpose and benefits for the user 9. Start all guides from creating Supabase project ## Additional context Add any other context or screenshots. <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit ## Documentation - Added SvelteKit and Hono quickstarts with icons and documentation links. - Expanded Agent Skills guidance across framework quickstarts, including current authentication, SSR, and migration patterns. - Improved project creation, Connect panel, API configuration, and credential setup instructions. - Added framework-specific “Next steps” resources for Auth, database imports, Storage, UI components, and libraries. - Clarified PostgreSQL SSL, password encoding, connection, and environment-variable requirements. - Replaced outdated screenshots with clearer setup guidance and relevant examples. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
221 lines
8.1 KiB
Plaintext
221 lines
8.1 KiB
Plaintext
---
|
|
title: 'Use Supabase with Spring Boot'
|
|
subtitle: 'Learn how to create a Spring Boot project and connect it to your Supabase project.'
|
|
breadcrumb: 'Framework Quickstarts'
|
|
---
|
|
|
|
<AiPrompt id="spring-boot" />
|
|
|
|
## Prerequisites
|
|
|
|
Before you begin, make sure you have:
|
|
|
|
- Java 17 or later, which you can check with `java -version`
|
|
- `curl` and `unzip`, to download and extract the generated project
|
|
|
|
<$Partial path="quickstart_create_project.mdx" />
|
|
|
|
Save your database password securely. You need it for the connection string.
|
|
|
|
## 2. Create a Spring Boot project
|
|
|
|
Use [Spring Initializr](https://start.spring.io) to scaffold a new project with the Web, Spring Data JPA, and Postgres Driver dependencies. Run the following from the directory where you keep your projects.
|
|
|
|
```bash
|
|
curl https://start.spring.io/starter.zip \
|
|
-d dependencies=web,data-jpa,postgresql \
|
|
-d type=maven-project \
|
|
-d language=java \
|
|
-d groupId=com.example \
|
|
-d artifactId=instruments \
|
|
-d name=instruments \
|
|
-o instruments.zip
|
|
unzip instruments.zip -d instruments && cd instruments
|
|
```
|
|
|
|
## 3. Install Supabase's Agent Skills (optional)
|
|
|
|
Supabase's [Agent Skills](/docs/guides/ai-tools/ai-skills) is a curated set of instructions that give your AI agent procedural knowledge about working with Supabase.
|
|
|
|
Install them so your AI coding agent can produce more accurate, reliable code using current Supabase patterns, such as authentication, server-side rendering, and database migrations, rather than relying solely on training data.
|
|
|
|
To install, run the following command in the root of your project:
|
|
|
|
```bash
|
|
npx skills add supabase/agent-skills
|
|
```
|
|
|
|
## 4. Set up the Postgres connection details
|
|
|
|
Navigate to your project dashboard and click on [Connect](/dashboard/project/_?showConnect=true&connectTab=direct&method=session).
|
|
|
|
<Admonition type="caution">
|
|
|
|
The Transaction pooler (port `6543`) doesn't work as your app's main data source, because Spring Data JPA uses Hibernate, which relies on server-side prepared statements. Use the Session pooler, or the direct connection string if you're in an [IPv6 environment](/docs/guides/troubleshooting/supabase--your-network-ipv4-and-ipv6-compatibility-cHe3BP) or have the [IPv4 Add-On](/docs/guides/platform/ipv4-address).
|
|
|
|
</Admonition>
|
|
|
|
Under the **Session pooler** (port `5432`), select the **JDBC** tab and copy the connection string. Replace the password placeholder with your saved database password, and [percent-encode](https://en.wikipedia.org/wiki/Percent-encoding) any reserved characters it contains, such as `&`, `#`, `?`, or a space.
|
|
|
|
<Admonition type="note">
|
|
|
|
You can reset your database password in your [Database Settings](/dashboard/project/_/database/settings) if you do not have it.
|
|
|
|
</Admonition>
|
|
|
|
The connection string contains your database password, and `application.properties` is committed with your project. Set the string as an environment variable instead, and set it the same way on whatever platform you deploy to.
|
|
|
|
```bash
|
|
export SUPABASE_DB_URL='jdbc:postgresql://aws-[REGION].pooler.supabase.com:5432/postgres?user=postgres.[PROJECT-REF]&password=[YOUR-PASSWORD]&sslmode=require'
|
|
```
|
|
|
|
The string you copied doesn't set `sslmode`, so add it. The driver defaults to `prefer`, which falls back to sending your data in plaintext if the encrypted attempt fails. You can also [enforce SSL](/docs/guides/platform/ssl-enforcement) on the database side.
|
|
|
|
Then reference the variable, along with the driver, in `src/main/resources/application.properties`.
|
|
|
|
```text name=src/main/resources/application.properties
|
|
spring.datasource.url=${SUPABASE_DB_URL}
|
|
spring.datasource.driver-class-name=org.postgresql.Driver
|
|
spring.jpa.hibernate.ddl-auto=update
|
|
```
|
|
|
|
If the app fails to start with `Unable to determine Dialect without JDBC metadata`, Hibernate couldn't open a connection at all. Look above that line in the logs for the real cause, most commonly `password authentication failed`.
|
|
|
|
## 5. Change the default schema
|
|
|
|
By default Hibernate creates tables in the `public` schema. We recommend changing this as Supabase exposes the `public` schema as a [data API](/docs/guides/api).
|
|
|
|
Create the schema from the [Table Editor](/dashboard/project/_/editor) as your app will need it before start. Then point **Hibernate** at it in `application.properties`.
|
|
|
|
```text name=src/main/resources/application.properties
|
|
spring.jpa.properties.hibernate.default_schema=app
|
|
```
|
|
|
|
## 6. Create an entity and repository
|
|
|
|
Spring Data JPA maps Java classes to database tables. Create an `Instrument` entity in `src/main/java/com/example/instruments/Instrument.java`. With `spring.jpa.hibernate.ddl-auto=update` set, Hibernate creates the `instruments` table for you when the app starts.
|
|
|
|
```java name=src/main/java/com/example/instruments/Instrument.java
|
|
package com.example.instruments;
|
|
|
|
import jakarta.persistence.Entity;
|
|
import jakarta.persistence.GeneratedValue;
|
|
import jakarta.persistence.GenerationType;
|
|
import jakarta.persistence.Id;
|
|
import jakarta.persistence.Table;
|
|
|
|
@Entity
|
|
@Table(name = "instruments")
|
|
public class Instrument {
|
|
|
|
@Id
|
|
@GeneratedValue(strategy = GenerationType.IDENTITY)
|
|
private Long id;
|
|
|
|
private String name;
|
|
|
|
public Instrument() {}
|
|
|
|
public Instrument(String name) {
|
|
this.name = name;
|
|
}
|
|
|
|
public Long getId() {
|
|
return id;
|
|
}
|
|
|
|
public String getName() {
|
|
return name;
|
|
}
|
|
|
|
public void setName(String name) {
|
|
this.name = name;
|
|
}
|
|
}
|
|
```
|
|
|
|
Create an `InstrumentRepository` interface in the same package. Extending `JpaRepository` gives you `findAll`, `save`, and other query methods without writing any implementation.
|
|
|
|
```java name=src/main/java/com/example/instruments/InstrumentRepository.java
|
|
package com.example.instruments;
|
|
|
|
import org.springframework.data.jpa.repository.JpaRepository;
|
|
|
|
public interface InstrumentRepository extends JpaRepository<Instrument, Long> {}
|
|
```
|
|
|
|
## 7. Seed sample data
|
|
|
|
Add a `CommandLineRunner` bean to `InstrumentsApplication.java` that saves some sample instruments the first time the app starts.
|
|
|
|
```java name=src/main/java/com/example/instruments/InstrumentsApplication.java
|
|
package com.example.instruments;
|
|
|
|
import org.springframework.boot.CommandLineRunner;
|
|
import org.springframework.boot.SpringApplication;
|
|
import org.springframework.boot.autoconfigure.SpringBootApplication;
|
|
import org.springframework.context.annotation.Bean;
|
|
|
|
@SpringBootApplication
|
|
public class InstrumentsApplication {
|
|
|
|
public static void main(String[] args) {
|
|
SpringApplication.run(InstrumentsApplication.class, args);
|
|
}
|
|
|
|
@Bean
|
|
CommandLineRunner seedInstruments(InstrumentRepository instrumentRepository) {
|
|
return args -> {
|
|
if (instrumentRepository.count() == 0) {
|
|
instrumentRepository.save(new Instrument("violin"));
|
|
instrumentRepository.save(new Instrument("viola"));
|
|
instrumentRepository.save(new Instrument("cello"));
|
|
}
|
|
};
|
|
}
|
|
}
|
|
```
|
|
|
|
## 8. Query data from the app
|
|
|
|
Create an `InstrumentController` that fetches every row from the `instruments` table through the repository and returns it as JSON.
|
|
|
|
```java name=src/main/java/com/example/instruments/InstrumentController.java
|
|
package com.example.instruments;
|
|
|
|
import java.util.List;
|
|
|
|
import org.springframework.web.bind.annotation.GetMapping;
|
|
import org.springframework.web.bind.annotation.RestController;
|
|
|
|
@RestController
|
|
public class InstrumentController {
|
|
|
|
private final InstrumentRepository instrumentRepository;
|
|
|
|
public InstrumentController(InstrumentRepository instrumentRepository) {
|
|
this.instrumentRepository = instrumentRepository;
|
|
}
|
|
|
|
@GetMapping("/instruments")
|
|
public List<Instrument> getInstruments() {
|
|
return instrumentRepository.findAll();
|
|
}
|
|
}
|
|
```
|
|
|
|
## 9. Start the app
|
|
|
|
Run the Spring Boot app, and go to http://localhost:8080/instruments in your browser. You should see the list of instruments.
|
|
|
|
```bash
|
|
./mvnw spring-boot:run
|
|
```
|
|
|
|
## Next steps
|
|
|
|
- Set up [Auth](/docs/guides/auth) for your app
|
|
- Replace `ddl-auto` with [database migrations](/docs/guides/deployment/database-migrations) before going to production
|
|
- [Insert more data](/docs/guides/database/import-data) into your database
|
|
- Upload and serve static files using [Storage](/docs/guides/storage)
|