deploy to Render

Author: badrooxe

.github/workflows/ci.yml

@@ -41,6 +41,13 @@ jobs:
           distribution: temurin
           java-version: '21'
 
+      - name: Wait for PostgreSQL to be ready
+        run: |
+          until pg_isready -h localhost -p 5432 -U postgres; do
+            echo "Waiting for postgres..."
+            sleep 2
+          done
+
       - name: Build backend with Maven
         working-directory: backend
         run: mvn clean package

backend/src/main/resources/application.properties

@@ -1,10 +1,10 @@
-spring.application.name=demo
-spring.datasource.url=${SPRING_DATASOURCE_URL:jdbc:postgresql://localhost:5432/springdemo}
+spring.application.name=springreactpostgres
+spring.datasource.url=${SPRING_DATASOURCE_URL:jdbc:postgresql://localhost:5432/springreact}
 spring.datasource.username=${SPRING_DATASOURCE_USERNAME:postgres}
 spring.datasource.password=${SPRING_DATASOURCE_PASSWORD:postgres}
 spring.jpa.show-sql=true
 spring.jpa.properties.hibernate.dialect=org.hibernate.dialect.PostgreSQLDialect
 spring.jpa.properties.hibernate.format_sql=true
-spring.jpa.hibernate.ddl-auto=create-drop
+spring.jpa.hibernate.ddl-auto=validate
 
 server.error.include-message=always

frontend/src/components/NewStudent.jsx

@@ -9,7 +9,7 @@ function NewStudent() {
 
   const handleSubmit = (e) => {
     e.preventDefault();
-    fetch('http://localhost:8080/student/add', {
+    fetch('http://spring-react-backend-latest.onrender.com/student/add', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify(student)

frontend/src/components/Students.jsx

@@ -6,15 +6,15 @@ function Students() {
   const navigate = useNavigate();
 
   useEffect(() => {
-    fetch('http://localhost:8080/student')
+    fetch('http://spring-react-backend-latest.onrender.com/student')
       .then(res => res.json())
       .then(data => setStudents(data))
       .catch(err => console.error('Error fetching students:', err));
   }, []);
 
   const deleteStudent = (id) => {
     if (!window.confirm('Are you sure you want to delete this student?')) return;
-    fetch(`http://localhost:8080/student/delete/${id}`, { method: 'DELETE' })
+    fetch(`http://spring-react-backend-latest.onrender.com/student/delete/${id}`, { method: 'DELETE' })
       .then(() => setStudents(prev => prev.filter(s => s.id !== id)))
       .catch(err => console.error('Delete failed:', err));
   };

frontend/src/components/UpdateStudent.jsx

@@ -7,7 +7,7 @@ function UpdateStudent() {
   const navigate = useNavigate();
 
   useEffect(() => {
-    fetch(`http://localhost:8080/student/${id}`)
+    fetch(`http://spring-react-backend-latest.onrender.com/student/${id}`)
       .then(res => res.json())
       .then(data => {
         console.log("student", data);
@@ -20,7 +20,7 @@ function UpdateStudent() {
 
   const handleSubmit = (e) => {
     e.preventDefault();
-    fetch(`http://localhost:8080/student/update/${id}?firstName=${encodeURIComponent(student.firstName)}&lastName=${encodeURIComponent(student.lastName)}&email=${encodeURIComponent(student.email)}&dob=${encodeURIComponent(student.dob)}`, {
+    fetch(`http://spring-react-backend-latest.onrender.com/student/update/${id}?firstName=${encodeURIComponent(student.firstName)}&lastName=${encodeURIComponent(student.lastName)}&email=${encodeURIComponent(student.email)}&dob=${encodeURIComponent(student.dob)}`, {
       method: 'PUT',
       headers: { 'Content-Type': 'application/json' }, 
       body: JSON.stringify(student)  // can also be '{}' or null if your backend ignores it